Hallo teman-teman, bertemu lagi pada tutorial dumet school, pada tutorial kali ini saya akan membahas tentang membuat fungsi double click dengan jquery.
Kita telah belajar banyak tentang fungsi-fungsi yang ada pada jquery, dan mungkin teman-teman yang sudah lama terjun dalam dunia website pernah belajar macam-macam fungsi yang ada pada jquery, sebelum kita mulai prakteknya, apa itu jquery?
Jquery adalah salah satu liblary dari javascript yang berguna membuat efek-efek animasi yang tidak dapat dibuat dengan menggunakan css, dan pada tutorial kali ini saya akan membahas tentang bagaimana cara membuat fungsi double click dengan jquery.
Kita langsung mulai praktek saja, silahakan teman-teman buat file html dan ketikan script berikut ini:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!doctype HTML> <html> <head> <title>belajar event dobleclick</title> <script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript"> </script> </head> <body> <button>double klik</button> <script type="text/javascript"> $(document).ready(function() { $("button").dblclick(function(){ document.write("Hallooo"); }); }); </script> </body> </html> |
Disini saya akan mnjelaskan script diatas, pertama saya membuat sebuah tombol dengan element button :
|
1 |
<button>double klik</button> |
lalu saya membuat fungsi javascript untuk memilih element button untuk dieksekusi dengan fungsi dbclick().
|
1 2 3 |
$("button").dblclick(function(){ document.write("Hallooo"); }); |
dan ketika tombol diclick 2 kali atau double click maka akan mencetak tulisan hallooo seperti script diatas.
Gimana teman-teman? mudah bukan? untuk penjelasan tentang membuat fungsi double click dengan jquery saya kira cukup sampai disini dulu, semoga tutorial kali ini bermanfaat untuk teman-teman semuanya, sampai jumpa pada tutorial berikutnya.
Terimakasih.