Situación 1
Si une eventos de clic y doble clic en un objeto DOM, cuando ocurre un evento de doble clic en este objeto DOM, el primer clic activará un evento de clic, el segundo clic también activará un evento de doble clic o un evento de clic (IE7 y Firefox).
Solución:
<botón onClick = "test (1)" onDblClick = "test (2)"> </boton> <script language = "javascript"> var i = 1; test (n) {i = n; var val = setTimeout ("call ();", 250); if (i == 2) {ClearTimeOut (val);}} función call () {if (i == 1) {alerta ('click');} else if (i == 2) {alert ('dblclick');}} </script>explicar:
El primer clic registra la hora del clic y establece el tiempo de espera del evento de clic (250 ms es más apropiado). Al hacer clic en el segundo clic, determine la hora del clic y el intervalo de tiempo del último clic. Si es menor que el intervalo de evento especificado (como 250 ms), se juzga como un evento de doble clic y borre el tiempo de espera establecido (evitando la activación del evento de clic).
El segundo tipo:
<title> Distinga entre hacer clic y doble clicsww.vevb.com </title> <script type = "text/javaScript"> var flag = 0; función clickTest () {if (! } flag ++;} function reset () {flag = 0;} function singLecLick () {var result = document.getElementByIdx_x ('resultado'); resultado.innerhtml = resultado.innerhtml+"hacer clic <br>"; reset ();} function Dobuleclick () {var result = document.getElementByIdx_x ('resultado'); resultado.innerhtml = resultado.innerhtml+"hacer clic <br>"; reset ();} function Dobuleclick () {var result = document.getElementByIdx_x ('resultado'); resultado.innerhtml = resultado.innerhtml+"hacer clic <br>"; reset ();} function Dobuleclick () {var result = document.getElementByIdx_x ('resultado'); resultado.innerhtml = resultado.innerhtml+"hacer clic <br>"; reset ();} function Dobuleclick () {var result = document.getElementByIdx_x ('resultado'); resultado.innerhtml = resultado.innerhtml+"Dobule Click <br>"; reset ();} function tt2 () {if (flag == 1) {singleClick (); } else {dobuleclick (); }} </script> </head> <body> <input type = "button" onDblClick = "clickTest ();" onClick = "ClickTest ();" value = "Haga clic en Test" /> <div id = "resultado"> </div>La solución rápida al problema de conflicto de los eventos de clic del mouse JS y hacer doble clic anterior es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.