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 delete操作符应用实例
Jan 13 Javascript
Javascript isArray 数组类型检测函数
Oct 08 Javascript
javascript来定义类的规范小结
Nov 19 Javascript
jQuery 源码分析笔记(7) Queue
Jun 19 Javascript
javascript使用百度地图api和html5特性获取浏览器位置
Jan 10 Javascript
node.js中的buffer.fill方法使用说明
Dec 14 Javascript
javascript常用方法总结
May 14 Javascript
jQuery实现鼠标滑过点击事件音效试听
Aug 31 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
Aug 19 Javascript
JavaScript之创意时钟项目(实例讲解)
Oct 23 Javascript
详解vue 2.6 中 slot 的新用法
Jul 09 Javascript
利用原生JS实现欢乐水果机小游戏
Apr 23 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分页显示制作详细讲解
2008/11/19 PHP
php zend 相对路径问题
2009/01/12 PHP
php模板原理讲解
2013/11/13 PHP
实例讲解PHP页面静态化
2018/02/05 PHP
PHP abstract 抽象类定义与用法示例
2018/05/29 PHP
PHP验证类的封装与使用方法详解
2019/01/10 PHP
JS对URL字符串进行编码/解码分析
2008/10/25 Javascript
jquery 全局AJAX事件使用代码
2010/11/05 Javascript
网页中可关闭的漂浮窗口实现可自行调节
2013/08/20 Javascript
jquery马赛克拼接翻转效果代码分享
2015/08/24 Javascript
zepto与jquery的区别及zepto的不同使用8条小结
2016/07/28 Javascript
使用canvas及js简单生成验证码方法
2017/04/02 Javascript
vue中用H5实现文件上传的方法实例代码
2017/05/27 Javascript
vue 1.0 结合animate.css定义动画效果
2018/07/11 Javascript
JQuery通过后台获取数据遍历到前台的方法
2018/08/13 jQuery
vue 循环加载数据并获取第一条记录的方法
2018/09/26 Javascript
原生JS实现轮播图效果
2018/10/12 Javascript
vue input输入框关键字筛选检索列表数据展示
2020/10/26 Javascript
微信小程序实现按字母排列选择城市功能
2019/11/25 Javascript
前端使用crypto.js进行加密的函数代码
2020/08/16 Javascript
Js利用正则表达式去除字符串的中括号
2020/11/23 Javascript
[03:15]2014DOTA2国际邀请赛 专访国士无双信心满满
2014/07/12 DOTA
Python列表生成器的循环技巧分享
2015/03/06 Python
Python中常见的异常总结
2018/02/20 Python
Python生成器定义与简单用法实例分析
2018/04/30 Python
python之文件读取一行一行的方法
2018/07/12 Python
EJB的基本架构
2016/09/22 面试题
Servlet的生命周期
2013/08/25 面试题
运动会四百米广播稿
2014/01/19 职场文书
单位法定代表人授权委托书
2014/09/20 职场文书
酒店前台辞职书
2015/02/26 职场文书
会议主持人开场白台词
2015/05/28 职场文书
歌舞青春观后感
2015/06/10 职场文书
python使用pygame创建精灵Sprite
2021/04/06 Python
Java实现简单小画板
2022/06/10 Java/Android
Spring Security动态权限的实现方法详解
2022/06/16 Java/Android