>웹 프론트엔드 >JS 튜토리얼 >jQuery 세 번의 클릭 이벤트 구현 code_jquery

jQuery 세 번의 클릭 이벤트 구현 code_jquery

WBOY
WBOY원래의
2016-05-16 17:22:471462검색

直接给出代码如下:

复代码 代码如下:

jQuery.event .special.tripleclick = {
    설정: 함수(데이터, 네임스페이스) {
        var elem = this, $elem = jQuery(elem);
        $elem.bind('click', jQuery.event. Special.tripleclick.handler);
    },

    분해: function(namespaces) {
        var elem = this, $elem = jQuery(elem);
        $elem.unbind('click', jQuery.event.special.tripleclick.handler);
    },

    핸들러: function(event) {
        var elem = this, $elem = jQuery(elem), clicks = $elem.data('clicks') || 0; clicks = 1; if (clicks === 3) { clicks = 0; // 이벤트 유형을 "tripleclick"
event.type = "tripleclick"으로 설정합니다. ;
            // jQuery가 "tripleclick" 이벤트 핸들러의 트리거링을 처리하도록 합니다
            jQuery.event.handle.apply(this, 인수)
        }
        $elem.data('clicks', clicks) ;
    }
};



调用时:





复主代码
代码如下:$('#div').bind('tripleclick', function (event) {    //뭔가를 하세요
});


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.