Intégrer une fonction JS à un bouton HTML

Résolu

nicodak Messages postés 49 Date d'inscription Statut Membre Dernière intervention -
nicodak Messages postés 49 Date d'inscription Statut Membre Dernière intervention - 11 févr. 2021 à 22:21

Bonjour à tous,

Comme indiqué dans le titre, nous avons une fonction qui devrait permettre d'attribuer une action différente selon un clic court ou clic long sur un bouton.
Voici la fonction JavaScript

var timestamp = null
 
element.onmousedown = function(){
    d = new Date()
    timestamp = d.getTime()
}
 
element.onmouseup = function(){
    d = new Date()
    if (d.getTime() - timestamp >= 1500) {
        // ton code pour un clic long
    }
    else {
        // ton code pour un clic court
    }

et voici le simple bouton HTML

<bouton type="button">Voir plus...</button>

Et donc comment faire le lien entre la fonction (est-elle juste au préalable ?) et le bouton ?

Merci pour votre aide !

A voir également:

Appeler une fonction javascript avec un bouton
Fonction si et - Guide
Appeler en privé - Guide
Nommez une application d'appel vidéo ou de visioconférence - Guide
Comment faire une capture d'écran sur un samsung sans bouton ? - Guide
Bouton reinitialisation pc - Guide

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

Bonjour,

  <button type="button" id="mybtn">Voir plus...</button>
  
  <script>
  var timestamp = null   
  var element = document.querySelector('#mybtn');
  element.onmousedown = function(){
      var d = new Date();
      timestamp = d.getTime();
  }
   
  element.onmouseup = function(){
      var d = new Date();
      var diff = parseFloat(d.getTime()) - parseFloat(timestamp );
      if (diff >= 1500) {
          // ton code pour un clic long
         alert(' LONG ' + diff);
      }else {
          // ton code pour un clic court
            alert(' COURT ' + diff);
      }
  }
  </script>

nicodak Messages postés 49 Date d'inscription Statut Membre Dernière intervention 1

Merci beaucoup.

Discussions similaires

Où est la touche SHIFT sur mon clavier d'ordi ?

Quel est la touche shift sur le clavier

Bouton ON OFF, O ou I ?

Bouton enfoncé

Votre réponse

Discussions similaires