Pertama unggah kode:
Salinan kode adalah sebagai berikut:
<head>
<title> </title>
<skrip src = "Scripts/jQuery-1.4.1.js" type = "text/javaScript"> </script>
<type script = "text/javascript" bahasa = "javascript">
$ (function () {
$ ("Div"). bind ("click.a", function () {// klik acara
$ ("body"). append ("<p> Klik Event </p>");
})
$ ("Div"). bind ("dblclick.a", function () {// acara klik ganda
$ ("body"). append ("<p> event dblclick </p>");
})
$ ("Div"). bind ("mouseover.a", function () {// peristiwa mouse yang melewati elemen
$ ("body"). append ("<p> event mouseover </p>");
})
$ ("Div"). bind ("mouseout.a", function () {// peristiwa mouse yang pindah elemen keluar
$ ("body"). append ("<p> event mouseout </p>");
})
})
</script>
</head>
<body>
<div> jQuery namespace </div>
</body>
Efeknya ditunjukkan pada gambar. Juga, jika saya tidak ingin memicu saat mengklik dua kali
Bagaimana cara menyelesaikan masalah jika Anda mengklik acara dan cukup memicu acara klik dua kali? Saya juga telah mencoba untuk membuka tindu acara klik saat mengklik dua kali.
Namun dengan cara ini, acara klik tidak lagi berguna. . .
Kemudian, saya bertanya kepada seseorang di forum dan akhirnya mendapatkan jawabannya. Yaitu untuk menggunakan metode setTimeout () untuk mengatur interval waktu dari acara klik.
Setel ke 300ms, jadi ketika mengklik dua kali, karena interval waktu klik dua kali kurang dari 300ms, acara klik tidak akan dihasilkan, tetapi hanya akan dihasilkan.
Acara DBlClick. Dalam acara klik dua kali, Anda perlu menggunakan fungsi ClearTimeOut () untuk menghapus pemrosesan Klik Acara. Kodenya adalah sebagai berikut:
Salinan kode adalah sebagai berikut:
<type script = "text/javascript" bahasa = "javascript">
$ (function () {
var timer = null;
$ ("Div"). bind ("click.a", function () {// klik acara
ClearTimeout (timer);
timer = setTimeout (function () {// Tambahkan fungsi setTimeout () di acara klik untuk mengatur interval waktu yang dipicu oleh acara klik
$ ("body"). append ("<p> Klik Event </p>");
}, 300);
})
$ ("Div"). bind ("dblclick.a", function () {// acara klik ganda
ClearTimeout (timer);
$ ("body"). append ("<p> event dblclick </p>");
})
$ ("Div"). bind ("mouseover.a", function () {// peristiwa mouse yang melewati elemen
$ ("body"). append ("<p> event mouseover </p>");
})
$ ("Div"). bind ("mouseout.a", function () {// peristiwa mouse yang pindah elemen keluar
$ ("body"). append ("<p> event mouseout </p>");
})
})
</script>
Dengan cara ini, masalah ini akan diselesaikan!