jQuery 三击事件实现代码
jQuery 三击事件实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:直接给出代码如下:复制代码代码如下: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

});

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类