Situasi 1
Jika Anda mengikat kedua klik dan klik dua kali peristiwa pada objek DOM, ketika peristiwa klik dua kali terjadi pada objek DOM ini, klik pertama akan memicu acara klik, klik kedua juga akan memicu acara klik dua kali, atau acara klik (IE7 dan Firefox).
Larutan:
<tombol onClick = "test (1)" ondBlClick = "test (2)"> </button> <bahasa skrip = "javascript"> var i = 1; tes fungsi (n) {i = n; var val = setTimeout ("call ();", 250); if (i == 2) {clearTimeOut (val);}} function call () {if (i == 1) {waspada ('klik');} lain if (i == 2) {alert ('dBlClick');}} </script>menjelaskan:
Klik pertama mencatat waktu klik dan atur batas waktu acara klik (250ms lebih tepat). Saat mengklik klik kedua, tentukan waktu klik dan interval waktu klik terakhir. Jika kurang dari interval peristiwa yang ditentukan (seperti 250ms), itu dinilai sebagai acara klik dua kali dan menghapus batas waktu yang ditetapkan (menghindari pemicu acara klik).
Tipe kedua:
<title> membedakan antara klik dan double click-www.vevb.com </title> <script type = "text/javascript"> var flag = 0; function clicktest () {if (! flag) {setTimeout ("tt2 ();", 300); } flag ++;} function reset () {flag = 0;} fungsi singleclick () {var result = document.getElementByIdx_x ('result'); result.innerHtml = result.innerHtml+"klik <br>"; reset ();} function dobuleClick () {var result = document.geteLementByIdx_x ('result'); result.innerHtml = result.innerHtml+"klik <br>"; reset ();} function dobuleClick () {var result = document.geteLementByIdx_x ('result'); result.innerHtml = result.innerHtml+"klik <br>"; reset ();} function dobuleClick () {var result = document.geteLementByIdx_x ('result'); result.innerHtml = result.innerHtml+"klik <br>"; reset ();} function dobuleClick () {var result = document.geteLementByIdx_x ('result'); result.innerHtml = result.innerHtml+"dobule klik <br>"; reset ();} function tt2 () {if (flag == 1) {singleclick (); } else {dobuleclick (); }} </script> </head> <body> <input type = "tombol" ondBlClick = "clicktest ();" OnClick = "clicktest ();" value = "klik tes" /> <div id = "result"> < /div>Solusi cepat untuk masalah konflik klik mouse JS dan klik dua kali di atas adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.