내가 자꾸 까먹어서 쓰는 개발 이야기/jQuery

모바일에서 더블터치(더블클릭) 사용하기

FIL. 2014. 2. 11. 18:09
728x90

jQuery.event.special.dblclick = {

    setup: function(data, namespaces) {

        var elem = this,

            $elem = jQuery(elem);

        $elem.bind('touchend.dblclick', jQuery.event.special.dblclick.handler);

    },


    teardown: function(namespaces) {

        var elem = this,

            $elem = jQuery(elem);

        $elem.unbind('touchend.dblclick');

    },


    handler: function(event) {

        var elem = event.target,

            $elem = jQuery(elem),

            lastTouch = $elem.data('lastTouch') || 0,

            now = new Date().getTime();


        var delta = now - lastTouch;

        if(delta > 20 && delta<500){

            $elem.data('lastTouch', 0);

            $elem.trigger('dblclick');

        }else

            $elem.data('lastTouch', now);

    }

};


위 내용을 jquery.doubletap.js (혹은 원하는 이름)으로 저장하여 <script> 태그로 import 한다.



출처 : https://forum.jquery.com/topic/doubletap-event