Intégrer une fonction JS à un bouton HTML [Résolu]

Signaler
Messages postés
49
Date d'inscription
vendredi 21 août 2020
Statut
Membre
Dernière intervention
13 février 2021
-
Messages postés
49
Date d'inscription
vendredi 21 août 2020
Statut
Membre
Dernière intervention
13 février 2021
-
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 !

1 réponse

Messages postés
31506
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
26 février 2021
3 283
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>

Messages postés
49
Date d'inscription
vendredi 21 août 2020
Statut
Membre
Dernière intervention
13 février 2021
1
Merci beaucoup.