Intégrer une fonction JS à un bouton HTML Résolu/Fermé

Question

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 Voir plus... Et donc comment faire le lien entre la fonction (est-elle juste au préalable ?) et le bouton ? Merci pour votre aide !

jordane45 · Answer

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>

Intégrer une fonction JS à un bouton HTML

1 réponse

Discussions similaires