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 相关文章推荐
通过修改referer下载文件的方法
May 11 Javascript
javascript this用法小结
Dec 19 Javascript
javascript 新浪背投广告实现代码
Jul 07 Javascript
JS保存、读取、换行、转Json报错处理方法
Jun 14 Javascript
Underscore.js 1.3.3 中文注释翻译说明
Jun 25 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
d3.js中冷门却实用的内置函数总结
Feb 04 Javascript
BootStrap daterangepicker 双日历控件
Jun 02 Javascript
angular2路由切换改变页面title的示例代码
Aug 23 Javascript
webpack配置打包后图片路径出错的解决
Apr 26 Javascript
微信小程序实现默认第一个选中变色效果
Jul 17 Javascript
ionic使用angularjs表单验证(模板验证)
Dec 12 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 intval的测试代码发现问题
2008/07/27 PHP
php学习笔记之 函数声明
2011/06/09 PHP
关于mysql字符集设置了character_set_client=binary 在gbk情况下会出现表描述是乱码的情况
2013/01/06 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
跟随鼠标旋转的文字
2006/11/30 Javascript
js计算页面刷新的次数
2009/07/20 Javascript
JavaScript高级程序设计 扩展--关于动态原型
2010/11/09 Javascript
JavaScript 继承使用分析
2011/05/12 Javascript
JavaScript高级程序设计 阅读笔记(十七) js事件
2012/08/14 Javascript
CheckBoxList多选样式jquery、C#获取选择项
2013/09/06 Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
2016/07/14 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
2016/09/20 Javascript
第一次接触Bootstrap框架
2016/10/24 Javascript
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
Vue拖拽组件开发实例详解
2018/05/11 Javascript
解决vue中修改了数据但视图无法更新的情况
2018/08/27 Javascript
详解React native fetch遇到的坑
2018/08/30 Javascript
微信小程序云开发之数据库操作
2019/05/18 Javascript
重学JS之显示强制类型转换详解
2019/06/30 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
2019/09/01 Javascript
Python多线程实例教程
2014/09/06 Python
python简单猜数游戏实例
2015/07/09 Python
解决python3在anaconda下安装caffe失败的问题
2017/06/15 Python
详解python单元测试框架unittest
2018/07/02 Python
pandas.read_csv参数详解(小结)
2019/06/21 Python
浅谈在django中使用filter()(即对QuerySet操作)时踩的坑
2020/03/31 Python
你所知道的集合类都有哪些?主要方法?
2012/12/31 面试题
《三峡》教学反思
2014/03/01 职场文书
英语自我介绍演讲稿
2014/09/01 职场文书
党的群众路线批评与自我批评发言稿
2014/10/16 职场文书
2015年党员自我剖析材料
2014/12/17 职场文书
求职自荐信范文(优秀篇)
2015/03/27 职场文书
酒店总经理岗位职责
2015/04/01 职场文书
2016年小学生教师节广播稿
2015/12/18 职场文书
HashMap实现保存两个key相同的数据
2021/06/30 Java/Android