recherche

Maison >interface Web >js tutoriel >Exemple de code de gestion des conflits pour les clics et double-clics events_jquery

Exemple de code de gestion des conflits pour les clics et double-clics events_jquery

WBOY
WBOYoriginal
2016-05-16 16:53:331103parcourir

Entrez d'abord le code :

Copiez le code Le code est le suivant :

< ;title>
;script type=" text/javascript" language="javascript">
$(function () {
$("div").bind("click.a", function () { //Cliquez event
$("body").append("

click event

");
})
$("div").bind("dblclick.a", function () { //Double-cliquez sur l'événement
$("body").append("

dblclick event

");
})
$("div") .bind(" mouseover.a", function () { //Événement de survol de la souris
$("body").append("

événement de survol de la souris

");
})
$("div").bind("mouseout.a", function () { //Événement de la souris sortant de l'élément
$("body").append("

mouseout event< ;/p> ;");
})
})



espace de noms jQuery< / div>


L'effet est comme indiqué sur l'image. Lorsque je double-clique, deux événements de clic seront déclenchés en premier. De plus, si je ne souhaite pas déclencher l'événement de clic

lors d'un double-clic, mais uniquement déclencher l'événement de double-clic, comment dois-je le résoudre ? J'ai également essayé de dissocier l'événement click lors d'un double-clic

Mais de cette façon, l'événement click ne peut plus être utilisé. . .


Exemple de code de gestion des conflits pour les clics et double-clics events_jquery
Plus tard, j'ai interrogé d'autres personnes sur le forum et j'ai finalement obtenu la réponse. Il s'agit d'utiliser la méthode setTimeout() pour définir l'intervalle de temps de l'événement de clic. Cet intervalle de temps est généralement
défini sur 300 ms de cette manière, lors d'un double-clic, car l'intervalle de temps du double-clic est inférieur. supérieur à 300 ms, l'événement click ne sera pas généré. Générez simplement l'événement
dblclick. Dans l'événement de double-clic, vous devez utiliser la fonction clearTimeout() pour effacer le traitement de l'événement de clic. Le code est le suivant :

Copier le code Le code est le suivant :