jQuery 三击事件实现代码
更新时间：2013年09月11日 22:29:59 作者：
jQuery 中自带有双击事件，那么当需要三击某对象执行某个事件时怎么办呢？今天就让我们看看一段 jQuery 三击事件代码
直接给出代码如下：
复制代码 代码如下:
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如何自定义表格样式，分别实现三种样式：默认状态（灰白相间），鼠标悬浮状态（绿色），鼠标点击状态（黄色），感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要介绍了Jquery 在页面加载后执行的几种方式,需要的朋友可以参考下2014-03-03
delegate()方法是为匹配元素的子元素添加一个或多个事件，并规定当这些事件发生时运行的函数。下面就是详细介绍，有需要的朋友可以来介绍一下。2016-10-10
今天项目中遇到过一个这样的问题，就是希望读出来的文章列表能够每隔五个加一个分割条，而不是每个都加。2010-07-07
本篇文章主要是对jQuery 无限级菜单的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
下面小编就为大家分享一篇jquery中done和then的区别(详解)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
这篇文章主要为大家详细介绍了jQuery实现鼠标移入显示蒙版效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
这篇文章主要是对JQuery中keyUp与keyDown的区别进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
jQuery中对未来的元素绑定事件用bind、live or on
这篇文章主要介绍了jQuery中对未来的元素绑定事件用bind、live or on,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了jQuery应用之jQuery链用法,实例形式分析了jQuery链的原理及使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
最新评论