Dalam jquery, acara klik dua kali dan klik boleh dikendalikan melalui kaedah dblclick() dan klik(). Gunakan kaedah dblclick() untuk menentukan fungsi untuk dijalankan apabila peristiwa dblclick (klik dua kali) berlaku, gunakan kaedah click() untuk menentukan fungsi untuk dijalankan apabila peristiwa klik (klik) berlaku.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
jquery boleh mengendalikan acara dwiklik dan klik.
Peristiwa klik dua kali ialah peristiwa dblclick() untuk menentukan fungsi yang akan dijalankan apabila peristiwa klik ialah peristiwa klik gunakan kaedah klik() untuk menentukan bila peristiwa dblclick berlaku.
Peristiwa jQuery - kaedah dblclick()
Acara dblclick berlaku apabila elemen diklik dua kali.
Satu klik berlaku apabila penuding tetikus berada di atas elemen dan butang kiri tetikus ditekan dan dilepaskan.
Jika dua klik berlaku dalam tempoh yang singkat, ia adalah peristiwa klik dua kali.
Kaedah dblclick() mencetuskan peristiwa dblclick, atau menentukan fungsi untuk dijalankan apabila peristiwa dblclick berlaku.
Petua: Masalah mungkin timbul jika acara dblclick dan klik digunakan pada elemen yang sama.
Sintaks: $(selector).dblclick(function)
fungsi Pilihan. Menentukan fungsi untuk dijalankan apabila peristiwa dblclick berlaku.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").dblclick(function() { $("p").slideToggle(); }); }); </script> </head> <body> <p>这是一个段落。</p> <button>请双击此处</button> </body> </html>
kaedah jQuery - click()
Berlaku apabila elemen diklik klik peristiwa.
Satu klik berlaku apabila penuding tetikus berada di atas elemen, dan kemudian butang kiri tetikus ditekan dan dilepaskan. Kaedah
klik() mencetuskan peristiwa klik atau menentukan fungsi untuk dijalankan apabila peristiwa klik berlaku.
Sintaks: $(selector).click(function)
fungsi Pilihan. Menentukan fungsi untuk dijalankan apabila peristiwa klik berlaku.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { $("p").slideToggle(); }); }); </script> </head> <body> <p>这是一个段落。</p> <button>切换</button> </body> </html>
Cadangan tutorial berkaitan: tutorial video jQuery
Atas ialah kandungan terperinci Bolehkah jquery mengendalikan acara klik dua kali dan klik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!