Situation 1
Si vous liez à la fois des événements cliquez et double-cliquez sur un objet DOM, lorsqu'un événement double-cliquez sur cet objet DOM, le premier clic déclenchera un événement de clic, le deuxième clic déclenchera également un événement en double clic ou un événement de clic (IE7 et Firefox).
Solution:
<bouton onclick = "test (1)" ondblclick = "test (2)"> </ bouton> <script linguisse = "javascript"> var i = 1; fonction test (n) {i = n; var val = setTimeout ("call ();", 250); if (i == 2) {cleartimeout (val);}} function call () {if (i == 1) {alert ('click');} else if (i == 2) {alert ('dblclick');}} </ script>expliquer:
Le premier clic enregistre l'heure du clic et définissez le délai d'expiration de l'événement de clic (250 ms est plus approprié). Lorsque vous cliquez sur le deuxième clic, déterminez l'heure du clic et l'intervalle de temps du dernier clic. S'il est inférieur à l'intervalle d'événement spécifié (comme 250 ms), il est jugé en double clic et effacer le délai d'exécution (éviter le déclenchement de l'événement de clic).
Le deuxième type:
<Title> Distinguer les clics et double clic-www.vevb.com </ title> <script type = "text / javascript"> var flag = 0; function clickTest () {if (! Flag) {setTimeout ("tt2 ();", 300); } flag ++;} fonction reset () {flag = 0;} fonction singleClick () {var result = document.getElementByIdx_x ('result'); result.innerhtml = result.innerhtml + "cliquez <br>"; reset ();} fonction dobuleclick () {var result = document.getElementByidx_x ('result'); result.innerhtml = result.innerhtml + "cliquez <br>"; reset ();} fonction dobuleclick () {var result = document.getElementByidx_x ('result'); result.innerhtml = result.innerhtml + "cliquez <br>"; reset ();} fonction dobuleclick () {var result = document.getElementByidx_x ('result'); result.innerhtml = result.innerhtml + "cliquez <br>"; reset ();} fonction dobuleclick () {var result = document.getElementByidx_x ('result'); result.innerhtml = result.innerhtml + "dobule click <br>"; reset ();} fonction tt2 () {if (flag == 1) {singleClick (); } else {doBuleClick (); }} </ script> </ head> <body> <input type = "bouton" ondblclick = "clicktest ();" onClick = "clicktest ();" value = "cliquez sur test" /> <div id = "result"> </div>La solution rapide au problème de conflit du clic de souris JS et double-cliquez sur les événements ci-dessus est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.