클릭 이벤트로 더블클릭 이벤트를 만들어보자.

 

 

 

-

더블클릭 이벤트를 굳이 만들어야 할 일이 있다...있었다...ㅋ

그래서 만들어본 더블클릭 이벤트. 

로직은 간단함. 

1. 클릭 이벤트를 받는다. 

2. settimeout의 인터벌 동안 기다린다. 

3. 한 번더 클릭 이벤트가 들어오면 cnt 를 증가시키고 setTimeout 을 재설정한다.

4. timeout이벤트가 떨어지면 cnt 갯수를 세서 몇번 클릭했는지 확인 후 function을 호출.

-

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script> <script> $.fn.customClick = function(options){ var cnt=0,timer; var defaultOptions = { interval:500 }; options = $.extend({},options, defaultOptions); return $(this).each(function(){ $(this).on("click", function(){ cnt ++; if(cnt>1){clearTimeout(timer);} timer = setTimeout(function(){ if(cnt==1){ if($.isFunction(options.clickHandler)) options.clickHandler(); }else{ if($.isFunction(options.dblclickHandler)) options.dblclickHandler(); } cnt=0; }, options.interval); }); }); } $(".btn").customClick({clickHandler:click, dblclickHandler:dblclick}); function click(){ alert("click"); } function dblclick(){ alert("dblclick"); } </script>

무료통화/무료문자를 포인트로 전환해서 기프티콘, 상품권으로 바꾸자.

http://bbokkun.tistory.com/23