jQuery 三击事件实现代码


Posted in Javascript onSeptember 11, 2013

直接给出代码如下:

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弹簧振子超简洁版 完全符合能量守恒,胡克定理
Oct 25 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
Nov 25 Javascript
jquery easyui combobox模糊过滤(示例代码)
Nov 30 Javascript
js读取cookie方法总结
Oct 31 Javascript
jquery制作漂亮的弹出层提示消息特效
Dec 23 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
Jun 04 Javascript
jQuery ajax的功能实现方法详解
Jan 06 Javascript
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
AngularJS动态添加数据并删除的实例
Feb 27 Javascript
vue中v-for通过动态绑定class实现触发效果
Dec 06 Javascript
微信小程序自定义键盘 内部虚拟支付
Dec 20 Javascript
JS实现鼠标移动拖尾
Dec 27 Javascript
导航跟随滚动条置顶移动示例代码
Sep 11 #Javascript
查找iframe里元素的方法可传参
Sep 11 #Javascript
Jquery 的outerHeight方法使用介绍
Sep 11 #Javascript
$.get获取一个文件的内容示例代码
Sep 11 #Javascript
JQuery触发事件例如click
Sep 11 #Javascript
自动设置iframe大小的jQuery代码
Sep 11 #Javascript
jquery 倒计时效果实现秒杀思路
Sep 11 #Javascript
You might like
PHP 图片上传实现代码 带详细注释
2010/04/29 PHP
PHP与C#分别格式化文件大小的代码
2011/05/14 PHP
POST一个JSON格式的数据给Restful服务实例详解
2017/04/07 PHP
PHP实现的防止跨站和xss攻击代码【来自阿里云】
2018/01/29 PHP
PHP实现的mongoDB数据库操作类完整实例
2018/04/10 PHP
Ajax+PHP实现的删除数据功能示例
2019/02/12 PHP
JQuery1.6 使用方法三
2011/11/23 Javascript
jQuery下的动画处理总结
2013/10/10 Javascript
javascript搜索框点击文字消失失焦时文本出现
2014/09/18 Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
2015/03/03 Javascript
JavaScript中的replace()方法使用详解
2015/06/06 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
2015/11/24 Javascript
jquery操作ID带有变量的节点实例
2016/12/07 Javascript
你应该知道的几类npm依赖包管理详解
2017/10/06 Javascript
js读取本地文件的实例
2017/12/22 Javascript
Vue表单类的父子组件数据传递示例
2018/05/03 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
前后端常见的几种鉴权方式(小结)
2019/08/04 Javascript
Vue实现简易计算器
2020/02/25 Javascript
Taro小程序自定义顶部导航栏功能的实现
2020/12/17 Javascript
[01:05:24]Ti4 冒泡赛第二天 iG vs NEWBEE 3
2014/07/15 DOTA
Flask的图形化管理界面搭建框架Flask-Admin的使用教程
2016/06/13 Python
Python单例模式实例详解
2017/03/01 Python
python八大排序算法速度实例对比
2017/12/06 Python
VTK与Python实现机械臂三维模型可视化详解
2017/12/13 Python
python 将字符串完成特定的向右移动方法
2019/06/11 Python
Pytorch中的variable, tensor与numpy相互转化的方法
2019/10/10 Python
python GUI库图形界面开发之PyQt5图片显示控件QPixmap详细使用方法与实例
2020/02/27 Python
TensorFlow tf.nn.softmax_cross_entropy_with_logits的用法
2020/04/19 Python
Python中Qslider控件实操详解
2021/02/20 Python
CSS3中Transform动画属性用法详解
2016/07/04 HTML / CSS
Russell Stover巧克力官方网站:美国领先的精美巧克力制造商
2016/11/27 全球购物
银行介绍信范文
2014/01/10 职场文书
国际贸易求职信
2014/07/05 职场文书
2015年司法所工作总结
2015/04/27 职场文书
体育委员竞选稿
2015/11/21 职场文书