Pada tutorial kali ini anda akan belajar dan mengenal apa itu attribute double click dan cara penggunaannya pada jquery.

Fungsi dari attribute double click itu sendiri adalah sebuah fungsi dimana sebuah element apa bila di klik dua kali atau double click akan menjalankan suatu perintah. Misalnya ada sebuah button element dan apabila button tersebut di klik dua kali maka akan menjalankan perintah menampilkan alert .

 

contoh codenya seperti ini :

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"> </script>
<body>

<button id="tombol"> Double Click saya</button>
<script >

$(document).ready(function(){
	$( "#tombol" ).dblclick(function() {
  alert( "ANDA TELAH MNGKLIK  DUA KALI" );
});
	
	});
	
</script>
</body>
</html>

 

jika di jalankan dan button tersebut di klik dua kali  akan menghasilkan hasil seperti ini :

 

2

 

Jadi seperti itulah kegunaan dari attribute dblclick() pada jquery,  itu saja untuk tutorial kali ini sampai bertemu pada artikel selanjutnya.