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 相关文章推荐
HTTP状态代码以及定义(解释)
Feb 02 Javascript
csdn 批量接受好友邀请
Feb 19 Javascript
javascript实现面向对象类的功能书写技巧
Mar 07 Javascript
javascript 类型判断代码分析
Mar 28 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
Mar 12 Javascript
Jquery中基本选择器用法实例详解
May 18 Javascript
javascript背景时钟实现方法
Jun 18 Javascript
Angular2  NgModule 模块详解
Oct 19 Javascript
vuex state及mapState的基础用法详解
Apr 19 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
Jan 10 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
Jan 06 Javascript
JavaScript Dom实现轮播图原理和实例
Feb 19 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
destoon实现底部添加你是第几位访问者的方法
2014/07/15 PHP
fckeditor上传文件按日期存放及重命名方法
2015/05/22 PHP
php+ajax无刷新分页实例详解
2015/12/07 PHP
脚本之家贴图转换+转贴工具用到的js代码超级推荐
2007/04/05 Javascript
JavaScript 节点操作 以及DOMDocument属性和方法
2007/12/06 Javascript
jquery each()源代码
2011/02/14 Javascript
jQuery右键菜单contextMenu使用实例
2011/09/28 Javascript
深入理解javascript学习笔记(一) 编写高质量代码
2012/08/09 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
2013/06/24 Javascript
jQuery中removeAttr()方法用法实例
2015/01/05 Javascript
jQuery实现设置、移除文本框默认值功能
2015/01/13 Javascript
javascript电商网站抢购倒计时效果实现
2015/11/19 Javascript
JavaScript Split()方法
2015/12/18 Javascript
基于javascript实现文字无缝滚动效果
2016/03/22 Javascript
JS解决iframe之间通信和自适应高度的问题
2016/08/24 Javascript
Javascript实现图片懒加载插件的方法
2016/10/20 Javascript
discuz表情的JS提取方法分析
2017/03/22 Javascript
在页面中引入js的两种方法(推荐)
2017/08/29 Javascript
vue.js input框之间赋值方法
2018/08/24 Javascript
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
2019/04/28 Javascript
layui-table表复选框勾选的所有行数据获取的例子
2019/09/13 Javascript
微信小程序select下拉框实现源码
2019/11/08 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
[02:59]DOTA2完美大师赛主赛事第三日精彩集锦
2017/11/25 DOTA
wxPython实现列表增删改查功能
2019/11/19 Python
django 多数据库及分库实现方式
2020/04/01 Python
使用python检查yaml配置文件是否符合要求
2020/04/09 Python
在CentOS7下安装Python3教程解析
2020/07/09 Python
HTML5添加禁止缩放功能
2017/11/03 HTML / CSS
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
2018/09/19 HTML / CSS
写一个在SQL Server创建表的SQL语句
2012/03/10 面试题
财务会计应届生求职信
2013/11/24 职场文书
公司拓展活动方案
2014/02/13 职场文书
商铺消防安全责任书
2014/07/29 职场文书
关于实现中国梦的心得体会
2016/01/05 职场文书