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 相关文章推荐
比较简单的一个符合web标准的JS调用flash方法
Nov 29 Javascript
JSON 数据格式介绍
Jan 13 Javascript
JS实现跟随鼠标闪烁转动色块的方法
Feb 26 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 Javascript
JavaScrip调试技巧之断点调试
Oct 22 Javascript
以WordPress为例讲解jQuery美化页面Title的方法
May 23 Javascript
jQueryUI中的datepicker使用方法详解
May 25 Javascript
js简单实现调整网页字体大小的方法
Jul 23 Javascript
浅谈Express.js解析Post数据类型的正确姿势
May 30 Javascript
一些可能会用到的Node.js面试题
Jun 15 Javascript
使用ThinkJs搭建微信中控服务的实现方法
Aug 08 Javascript
JavaScript Array.flat()函数用法解析
Sep 02 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简洁函数小结
2011/08/12 PHP
php中有关字符串的4个函数substr、strrchr、strstr、ereg介绍和使用例子
2014/04/24 PHP
PHP SPL标准库中的常用函数介绍
2015/05/11 PHP
php实现可逆加密的方法
2015/08/11 PHP
ubuntu下配置nginx+php+mysql详解
2015/09/10 PHP
php封装的验证码类分享
2017/02/26 PHP
关于jquery.validate1.9.0前台验证的使用介绍
2013/04/26 Javascript
Javascript 按位与运算符 (&)使用介绍
2014/02/04 Javascript
JavaScript生成随机数的4种自定义函数分享
2015/02/28 Javascript
js实现模拟计算器退格键删除文字效果的方法
2015/05/07 Javascript
Bootstrap每天必学之进度条
2015/11/30 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
2016/06/08 Javascript
利用jquery获取select下拉框的值
2016/11/23 Javascript
Angular网络请求的封装方法
2018/05/22 Javascript
跟老齐学Python之list和str比较
2014/09/20 Python
使用Python设置tmpfs来加速项目的教程
2015/04/17 Python
python实现下载指定网址所有图片的方法
2015/08/08 Python
python爬取淘宝商品销量信息
2018/11/16 Python
Pycharm+Scrapy安装并且初始化项目的方法
2019/01/15 Python
Python3 Click模块的使用方法详解
2020/02/12 Python
世界首屈一指的在线男士内衣权威:HisRoom
2017/08/05 全球购物
全球摩托车装备领导者:RevZilla
2017/09/04 全球购物
全球速卖通:AliExpress(国际版淘宝)
2017/09/20 全球购物
教师推荐信范文
2013/11/24 职场文书
秦兵马俑教学反思
2014/02/07 职场文书
英文自荐信常用句子
2014/03/26 职场文书
创业女性典型材料
2014/05/02 职场文书
公司晚会策划方案
2014/05/17 职场文书
群众路线教育实践活动个人对照检查材料思想汇报(社区班子)
2014/10/06 职场文书
美容院合作经营协议书
2014/10/10 职场文书
2014年党风廉政建设工作总结
2014/11/19 职场文书
儿园租房协议书范本
2014/12/02 职场文书
先进典型发言材料
2014/12/30 职场文书
离婚协议书范本
2015/01/26 职场文书
就业意向协议书
2015/01/29 职场文书
关于python3 opencv 图像二值化的问题(cv2.adaptiveThreshold函数)
2022/04/04 Python