masih pada mouse event jquery yaitu event double click pada jquery, dan kali ini kita akan mencoba menggunakan fungsi event double click pada jquery dan bagaiaman menerapkan event double clik jquery pada penerapan kode-kode javascript. namun seperti biasa izinkan diri ini dulu untuk mengucapkan
Salam sobat semua
Alhamdulillahi robbil 'alaamiiin atas segala nikmat yang telah Allah berikan kepada diri ini secara gratis sehingga diri ini bisa menulis dan berbagi dalam tulisan ini. Tak lupa sholawat serta salamku akan tetap tercurah dan terpanjatkan hanya untuk junjungan baginda sayyidina Muhammad ibni Abdillah S.A.W. beserta kepada keluarga dan kepada para sahabatnya. mari sebelum kita mulai percobaan dan belajar bersama ini, mari bersama-sama membaca basmalah agar apa yang kita mulai bisa tercapai seperti apa ayang kita harapkan.
Bismillahir rohmaanir rohiim, di kesempatan kali ini kita akan mencoba masih dalam seputar macam-macam event jquery yaitu event double click jquery. dan sebelumnya kita sudah mencoba event click pada jquery dan kita tahu bahwa event click itu adalah suatu keadaan yang ketika user melakukan klik dengan mouse maka akan terjadi reaksi pada kode javascript, dan untuk double click yaitu suatu keadaan yang ketika user melakukan klik dua kali dengan mouse. jadi perbedaannya hanyalah masalah hitungan berapa kali user melakukan klik. dan mari kita tulis lagi cara penulisan untuk event double click pada jquery ini kurang lebihynya seperti berikut.
$("selector").dblclick(function(){//kode actionnya disini});
untuk contoh lengkapnya seperti berikut
$(document).ready(function(){
$("#button").dblclick(function(){
alert("Ini tes fungsi klik dua kali pada jquery");
});
});
dan untuk kode lengkapnya kurang lebihnya seperti berikut
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#button").dblclick(function(){
alert("Ini tes fungsi klik dua kali pada jquery");
});
});
</script>
<button id="button">Klik me</button>
kalau kode diatas dijalankan dan ketika kita mengklik dua kali selektor id button maka akan menghasilkan out alert atau pesan "Ini tes fungsi klik dua kali pada jquery" seperti tampak pada gambar berikut
atau contoh yang lain kurang lebih seperti berikut
<script src="jquery.js"></script><script>$(document).ready(function(){$("#button").dblclick(function(){document.write("<h1>Ini tes fungsi klik dua kali pada jquery</h1>");});});</script><button id="button">Klik me</button>
maka hasil output dari kode diatas seperti berikut
seperti itulah untuk tentang cara menggunakan event double click pada jquery dan cara menerapkan event double click jquery di dalam kode javascript dan html. dan saya rasa cukup sekian dulu untuk tulisan tentang cara menggunakan event double click pada jquery dan cara menerapakan event double click jquery didalam kode javascript dan kita lanjutkan di next tulisan Insya Allah. dan mudah-mudahan tulisan ini bisa memberi manfaat bagi kita semua, Aamiiin.
Comments
Post a Comment