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 -
nicodak Messages postés 49 Date d'inscription Statut Membre Dernière intervention -
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
et voici le simple bouton HTML
Et donc comment faire le lien entre la fonction (est-elle juste au préalable ?) et le bouton ?
Merci pour votre aide !
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
- Diagnostic bouton photo - Accueil - Outils
1 réponse
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.