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获取当前日期时间及其它操作函数
Jan 11 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
Jul 31 Javascript
jquery(hide方法)隐藏指定元素实例
Nov 11 Javascript
innerHTML在IE中报错解决方案
Dec 15 Javascript
Javascript实现飞动广告效果的方法
May 25 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
Sep 01 Javascript
JavaScript中的this,call,apply使用及区别详解
Jan 29 Javascript
js基于cookie方式记住返回页面用法示例
May 27 Javascript
JS滚动到指定位置导航栏固定顶部
Jul 03 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
Jul 09 Javascript
JS数组方法reverse()用法实例分析
Jan 18 Javascript
谈谈JavaScript中的函数
Sep 08 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
?生?D片??C字串
2006/12/06 PHP
基于php中使用excel的简单介绍
2013/08/02 PHP
php遍历文件夹下的所有文件和子文件夹示例
2014/03/20 PHP
PHP批量检测并去除文件BOM头代码实例
2014/05/08 PHP
PHP实现的英文名字全拼随机排号脚本
2014/07/04 PHP
php实现俄罗斯乘法实例
2015/03/07 PHP
PHP常见漏洞攻击分析
2016/02/21 PHP
用php+ajax新建流程(请假、进货、出货等)
2017/06/11 PHP
php nginx 实时输出的简单实现方法
2018/01/21 PHP
php中目录操作opendir()、readdir()及scandir()用法示例
2019/06/08 PHP
JavaScript实现动态增加文件域表单
2009/02/12 Javascript
jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
2011/07/26 Javascript
javascript字母大小写转换的4个函数详解
2014/05/09 Javascript
JavaScript中判断数据类型的方法总结
2016/05/24 Javascript
Bootstrap 模态框(Modal)插件代码解析
2016/12/21 Javascript
利用vue和element-ui设置表格内容分页的实例
2018/03/02 Javascript
Vue实现textarea固定输入行数与添加下划线样式的思路详解
2018/06/28 Javascript
[01:07]2015国际邀请赛 中国区预选赛精彩回顾
2015/06/15 DOTA
[48:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第二场 1月29日
2021/03/11 DOTA
python 重命名轴索引的方法
2018/11/10 Python
Python3内置模块pprint让打印比print更美观详解
2019/06/02 Python
Django用户认证系统 组与权限解析
2019/08/02 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
opencv 获取rtsp流媒体视频的实现方法
2019/08/23 Python
执行Django数据迁移时报 1091错误及解决方法
2019/10/14 Python
Pycharm远程连接服务器并实现代码同步上传更新功能
2020/02/25 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
Python Django中间件使用原理及流程分析
2020/06/13 Python
HTML5 语音搜索只需一句代码
2013/01/03 HTML / CSS
调解员先进事迹材料
2014/02/07 职场文书
《难忘的泼水节》教学反思
2014/02/27 职场文书
2014年幼儿园个人工作总结
2014/11/10 职场文书
2015年幼师工作总结
2015/04/28 职场文书
无工作证明怎么写
2015/06/15 职场文书
2019通用版新员工入职培训方案!
2019/07/11 职场文书
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android