[javascript] 더블클릭 이벤트

1. HTML - div 태그와 button

<div class="area_layer_img_03" style="left:calc(300px / 2); top:calc(0px / 2); width:calc(200px / 2); height:calc(200px / 2); z-index:0; display:none;"  onClick="getPos(this)">
</div>

<button id="db_btn">doubleClick</button>

 

2. div 클래스와 button의 id를 가져와 더블클릭 적용

<script type="text/javascript">
$(".area_layer_mov_01").dblclick(function() {
		$("#layer_mov").modal("show");//모달창 열기
 });

$("#db_btn").dblclick(function() {
		alert("Double Click");
 });
 
 </script>