Artikel ini menjelaskan metode klik yang hidup berdampingan dan klik dua kali dalam JavaScript. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Dalam proses pengembangan web, kami sering mengalami masalah ini: Daftarkan acara klik dua kali untuk tautan, atau daftarkan acara klik atau klik dua kali pada tombol atau elemen lain secara bersamaan. Pada saat ini, kami menemukan bahwa acara klik dua kali di halaman web tidak akan pernah berfungsi. Alasannya adalah ketika kita mengklik sekali, itu dicegat oleh hyperlink atau klik peristiwa. Artikel ini menjelaskan metode tertentu tentang cara menyelesaikan masalah teknis ini. Prinsip implementasi dari solusi ini adalah bahwa baik acara klik dan acara klik dua kali panggilan metode yang sama. Kami menilai apakah itu klik atau acara klik dua kali berdasarkan interval antara kedua klik mouse. Ketika acara klik datang, jangan panggil lebih dulu, tunggu waktu yang singkat. Setelah periode waktu ini, jika tidak ada klik berikutnya, mulailah memanggil operasi klik yang sesuai. Jika ada klik berikutnya, hubungi dua klik.
Untuk deskripsi terperinci, silakan berpartisipasi dalam daftar kode berikut:
Salin kode sebagai berikut: <Html>
<head>
<title> JavaScript menyadari klik dan klik dua kali koeksistensi </iteme>
<Meta name = "generator" content = "editplus">
<Meta name = "penulis" konten = "//www.vevb.com/">
<Meta name = "kata kunci" konten = "">
<Meta name = "description" content = "">
</head>
<body>
<Bahasa skrip = "javascript">
<!-
var dcTime = 250; // Waktu DoubleClick
var dcdelay = 100; // Tidak ada klik setelah DoubleClick
var dcat = 0; // Waktu DoubleClick
var savevent = null; // Simpan acara untuk menangani DOCLICK ().
var savevttime = 0; // Simpan waktu acara klik.
var savto = null; // pegangan klik setTimeout
function showme (txt) {
Document.Forms [0] .Elements [0] .Value += txt;
}
function handlewisy (yang) {
switch (yang) {
kasus "klik":
SaveVent = yang;
d = tanggal baru ();
savevttime = d.getTime ();
SAVTO = setTimeout ("DOCLICK (SaveVent)", dcTime);
merusak;
kasus "dblclick":
dodoubleclick (yang);
merusak;
bawaan:
}
}
function dClick (yang) {
if (saveVttime - dcat <= 0) {
mengembalikan false;
}
showme ("klik");
}
fungsi dodoubleclick (yang) {
var d = tanggal baru ();
dcat = d.getTime ();
if (savto! = null) {
savto = null;
}
showme ("klik dua kali");
}
//->
</script>
<p>
<a href = "javascript: void (0)"
OnClick = "HandleWisely (Event.Type)"
ondBlClick = "HandleWisely (Event.Type)"
style = "Color: Blue; Font-Family: Arial; Cursor: Hand">
Klik untuk melihat hasilnya:
</a>
</p>
<sorm>
<able>
<tr>
<td valign = "atas">
Mode Acara: <TextArea Rows = "4" COLS = "60" Wrap = "Soft"> </pextarea>
</td>
</tr>
<tr>
<td valign = "atas">
<input type = "reset">
</td>
</tr>
</boable>
</form>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.