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 相关文章推荐
推荐11款jQuery开发的复选框和单选框美化插件
Aug 02 Javascript
JS 实现导航栏悬停效果(续2)
Sep 24 Javascript
node.js操作mysql(增删改查)
Jul 24 Javascript
JavaScript 正则表达式中global模式的特性
Feb 25 Javascript
全面解析JavaScript中“&&”和“||”操作符(总结篇)
Jul 18 Javascript
Javascript+CSS3实现进度条效果
Oct 28 Javascript
详解JSON1:使用TSQL查询数据和更新JSON数据
Nov 21 Javascript
如何重置vue打印变量的显示方式
Dec 06 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
Dec 12 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
Mar 01 Javascript
vue左右侧联动滚动的实现代码
Jun 06 Javascript
JS实现页面数据懒加载
Feb 13 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
一次编写,随处运行
2006/10/09 PHP
一个程序下载的管理程序(四)
2006/10/09 PHP
ie6 动态缩略图不显示的原因
2009/06/21 PHP
PHP中实现crontab代码分享
2015/03/26 PHP
关于laravel模板中生成URL的几种模式总结
2019/10/18 PHP
JavaScript与DOM组合动态创建表格实例
2012/12/23 Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
2015/01/13 Javascript
jQuery打字效果实现方法(附demo源码下载)
2015/12/18 Javascript
通用无限极下拉菜单的实现代码
2016/05/31 Javascript
vue+mockjs模拟数据实现前后端分离开发的实例代码
2017/08/08 Javascript
input 标签实现输入框带提示文字效果(两种方法)
2017/10/09 Javascript
微信小程序WebSocket实现聊天对话功能
2018/07/06 Javascript
简述JS控制台的使用
2018/07/15 Javascript
NodeJS实现自定义流的方法
2018/08/01 NodeJs
js字符串类型String常用操作实例总结
2019/07/05 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
2020/02/10 Javascript
详解Node.js使用token进行认证的简单示例
2020/05/25 Javascript
Python Socket传输文件示例
2017/01/16 Python
python的文件操作方法汇总
2017/11/10 Python
python多线程抽象编程模型详解
2019/03/20 Python
pandas DataFrame 交集并集补集的实现
2019/06/24 Python
浅谈PyQt5 的帮助文档查找方法,可以查看每个类的方法
2019/06/25 Python
Ubuntu+python将nii图像保存成png格式
2019/07/18 Python
Django错误:TypeError at / 'bool' object is not callable解决
2019/08/16 Python
python、PyTorch图像读取与numpy转换实例
2020/01/13 Python
Django项目创建及管理实现流程详解
2020/10/13 Python
接口可以包含哪些成员
2012/09/30 面试题
一套中级Java程序员笔试题
2015/01/14 面试题
创意活动策划书
2014/01/15 职场文书
合作协议书范本
2014/04/17 职场文书
大专生自我鉴定怎么写
2014/09/16 职场文书
留学推荐信中文范文
2015/03/26 职场文书
2015年采购员工作总结
2015/04/27 职场文书
分析Python list操作为什么会错误
2021/11/17 Python
SQL SERVER触发器详解
2022/02/24 SQL Server
MySQL选择合适的备份策略和备份工具
2022/06/01 MySQL