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 eval和JSON之间的联系
Dec 31 Javascript
解决jquery的.animate()函数在IE6下的问题
Dec 03 Javascript
jQuery EasyUI API 中文文档 - ComboBox组合框
Oct 07 Javascript
利用json获取字符出现次数的代码
Mar 22 Javascript
关于JavaScript中原型继承中的一点思考
Jul 25 Javascript
自定义的一个简单时尚js下拉选择框
Nov 20 Javascript
jQuery插件pagination实现分页特效
Apr 12 Javascript
微信小程序 scroll-view组件实现列表页实例代码
Dec 14 Javascript
JavaScript的六种继承方式(推荐)
Jun 26 Javascript
js实现移动端轮播图滑动切换
Dec 21 Javascript
vue postcss-px2rem 自适应布局
May 15 Vue.js
element tree树形组件回显数据问题解决
Aug 14 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中看实例学正则表达式
2006/12/25 PHP
ASP和PHP实现生成网站快捷方式并下载到桌面的方法
2014/05/08 PHP
ThinkPHP3.1查询语言详解
2014/06/19 PHP
destoon数据库表说明汇总
2014/07/15 PHP
php通过递归方式复制目录和子目录的方法
2015/03/13 PHP
PHP依赖注入(DI)和控制反转(IoC)详解
2017/06/12 PHP
javascript判断单选框或复选框是否选中方法集锦
2007/04/04 Javascript
JS查看对象功能代码
2008/04/25 Javascript
客户端限制只能上传jpg格式图片的js代码
2010/12/09 Javascript
javascript读取xml实现javascript分页
2013/12/13 Javascript
javascript实现带下拉子菜单的导航菜单效果
2015/05/14 Javascript
js css+html实现简单的日历
2016/07/14 Javascript
AngularJS ng-blur 指令详解及简单实例
2016/07/30 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
原生js更改css样式的两种方式
2017/03/15 Javascript
微信小程序图片宽100%显示并且不变形
2017/06/21 Javascript
javascript Canvas动态粒子连线
2020/01/01 Javascript
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
2020/12/30 Vue.js
[02:31]DOTA2帕克 英雄基础教程
2013/11/26 DOTA
python中字典(Dictionary)用法实例详解
2015/05/30 Python
Python中pygame安装方法图文详解
2015/11/11 Python
Python对象转JSON字符串的方法
2016/04/27 Python
python 编写简单网页服务器的实例
2018/06/01 Python
详解Python可视化神器Yellowbrick使用
2019/11/11 Python
Python通过文本和图片生成词云图
2020/05/21 Python
接口自动化多层嵌套json数据处理代码实例
2020/11/20 Python
CSS3伪类选择器:nth-child()
2009/04/02 HTML / CSS
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
2018/01/03 HTML / CSS
2014年扶贫帮困工作总结
2014/12/09 职场文书
2015年材料员工作总结
2015/04/30 职场文书
2015年计划生育责任书
2015/05/08 职场文书
办公室日常管理制度
2015/08/04 职场文书
新教师教学工作总结
2015/08/14 职场文书
各类场合主持词开场白范文集锦
2019/08/16 职场文书
解决golang在import自己的包报错的问题
2021/04/29 Golang
http通过StreamingHttpResponse完成连续的数据传输长链接方式
2022/02/12 Python