Intégrer une fonction JS à un bouton HTML

Résolu/Fermé

nicodak Messages postés 50 Date d'inscription vendredi 21 août 2020 Statut Membre Dernière intervention 2 juin 2021 - 10 févr. 2021 à 17:58
nicodak Messages postés 50 Date d'inscription vendredi 21 août 2020 Statut Membre Dernière intervention 2 juin 2021 - 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
Telecharger javascript - Télécharger - Langages
Réinitialiser chromecast sans bouton - Guide
Excel renvoyer la valeur d'une cellule en fonction d'une autre - Forum Logiciels

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38183 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 23 mai 2024 4 670
10 févr. 2021 à 21:04

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 50 Date d'inscription vendredi 21 août 2020 Statut Membre Dernière intervention 2 juin 2021 1
11 févr. 2021 à 22:21

Merci beaucoup.

Discussions similaires

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

Bouton ON OFF, O ou I ?

je veut créer des codes

Quel est la touche shift sur le clavier

Comment tomber directement sur la messagerie

Discussions similaires

Newsletters