手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery 三击事件实现代码
jQuery 三击事件实现代码
摘要:直接给出代码如下:复制代码代码如下:jQuery.event.special.tripleclick={setup:function(dat...

直接给出代码如下:

复制代码 代码如下:

jQuery.event.special.tripleclick = {

setup: function(data, namespaces) {

var elem = this, $elem = jQuery(elem);

$elem.bind('click', jQuery.event.special.tripleclick.handler);

},

teardown: function(namespaces) {

var elem = this, $elem = jQuery(elem);

$elem.unbind('click', jQuery.event.special.tripleclick.handler);

},

handler: function(event) {

var elem = this, $elem = jQuery(elem), clicks = $elem.data('clicks') || 0;

clicks += 1;

if ( clicks === 3 ) {

clicks = 0;

// set event type to "tripleclick"

event.type = "tripleclick";

// let jQuery handle the triggering of "tripleclick" event handlers

jQuery.event.handle.apply(this, arguments)

}

$elem.data('clicks', clicks);

}

};

调用时:

复制代码 代码如下:

$('#div').bind('tripleclick', function (event) {

//do something

});

【jQuery 三击事件实现代码】相关文章:

JQuery球队选择实例

Js和JQuery获取鼠标指针坐标的实现代码分享

jQuery聚合函数实例

JQuery中上下文选择器实现方法

jQuery插件zepto.js简单实现tab切换

jQuery实现给页面换肤的方法

JQuery中DOM事件冒泡实例分析

jQuery获得字体颜色16位码的方法

JQuery中DOM事件绑定用法详解

jQuery实现div随意拖动的实例代码(通用代码)

精品推荐
分类导航