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 相关文章推荐
ie和firefox不兼容的解决方法集合
Apr 28 Javascript
分享几个超级震憾的图片特效
Jan 08 Javascript
Js表格万条数据瞬间加载实现代码
Feb 20 Javascript
js添加select下默认的option的value和text的方法
Oct 19 Javascript
js无法获取到html标签的属性的解决方法
Jul 26 Javascript
AngularJS中实现动画效果的方法
Jul 28 Javascript
AngularJS动态加载模块和依赖的方法分析
Nov 08 Javascript
js实现百度地图定位于地址逆解析,显示自己当前的地理位置
Dec 08 Javascript
AngularJS解决ng-if中的ng-model值无效的问题
Jun 21 Javascript
js实现1,2,3,5数字按照概率生成
Sep 12 Javascript
老生常谈JS中的继承及实现代码
Jul 06 Javascript
解决vue-router的beforeRouteUpdate不能触发
Apr 14 Vue.js
导航跟随滚动条置顶移动示例代码
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 获取百度的热词数据的代码
2012/02/18 PHP
php结合正则批量抓取网页中邮箱地址
2015/05/19 PHP
PHP中JSON的应用技巧
2015/10/10 PHP
Laravel实现构造函数自动依赖注入的方法
2016/03/16 PHP
php使用正则验证中文
2016/04/06 PHP
PHP框架性能测试报告
2016/05/08 PHP
PHP导出带样式的Excel示例代码
2016/08/28 PHP
Redis构建分布式锁
2017/03/28 PHP
php实现的mongoDB单例模式操作类
2018/01/20 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
Laravel第三方包报class not found的解决方法
2019/10/13 PHP
延时重复执行函数 lLoopRun.js
2007/05/08 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
2016/08/25 Javascript
js判断所有表单项不为空则提交表单的实现方法
2016/09/09 Javascript
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
2017/11/10 jQuery
vue的diff算法知识点总结
2018/03/29 Javascript
微信小程序之自定义组件的实现代码(附源码)
2018/08/02 Javascript
理理Vue细节(推荐)
2019/04/16 Javascript
详解React 条件渲染
2020/07/08 Javascript
微信小程序中data-key属性之数据传输(经验总结)
2020/08/22 Javascript
Vue实现简单的拖拽效果
2020/08/25 Javascript
[01:11:08]Winstrike vs NB 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
python获取文件版本信息、公司名和产品名的方法
2014/10/05 Python
python dataframe 输出结果整行显示的方法
2018/06/14 Python
Pytorch evaluation每次运行结果不同的解决
2020/01/02 Python
Python中的X[:,0]、X[:,1]、X[:,:,0]、X[:,:,1]、X[:,m:n]和X[:,:,m:n]
2020/02/13 Python
Python利用PyPDF2库获取PDF文件总页码实例
2020/04/03 Python
预备党员入党自我评价范文
2014/03/10 职场文书
党风廉政承诺书
2014/03/27 职场文书
经济类毕业生求职信
2014/06/26 职场文书
公务员学习习总书记“三严三实”思想汇报
2014/09/19 职场文书
党的群众路线教育实践活动调研报告
2014/11/03 职场文书
祝福语集锦:给妹妹结婚的祝福语
2019/12/18 职场文书
利用Python脚本写端口扫描器socket,python-nmap
2022/07/23 Python