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
});
相关文章
本文主要介绍了Jqprint实现页面打印的具体方法，并提供了Jqprint插件下载。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了vue登录页面cookie的使用及页面跳转代码功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-07-07
这篇文章主要介绍了jQuery+css3实现文字跟随鼠标的上下抖动的相关资料,需要的朋友可以参考下2015-07-07
这篇文章主要为大家详细介绍了360导航页图标拖动排序效果代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-08-08
这篇文章主要介绍了jQuery 实现动态粒子效果的方法，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-07-07
本文给大家分享一款jquery日历插件，使用jquery日历插件做日历，外观美观给用户带来极好的用户体验。对jquery日历插件感兴趣的朋友参考下本篇文章2015-10-10
在开发过程中遇到了上面标题列出的问题：如何监听div内容的变化，下面是具体的解决思路，感兴趣的朋友可以参考下2013-11-11
这篇文章主要介绍了jQuery发请求传输中文参数乱码问题的解决方案,需要的朋友可以参考下2018-05-05
这篇文章主要介绍了JQuery基础动画操作，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了JQuery动态添加和删除表格行的方法,实例分析了jQuery中动态操作表格行的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
最新评论