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 相关文章推荐
jquery 查找新建元素代码
Jul 06 Javascript
jquery实现在页面加载的时自动为日期插件添加当前日期
Aug 20 Javascript
jquery实现标签上移、下移、置顶
Apr 26 Javascript
使用AngularJS实现可伸缩的页面切换的方法
Jun 19 Javascript
javascript下使用Promise封装FileReader
Feb 19 Javascript
JavaScript基础教程——入门必看篇
May 20 Javascript
javascript获取网页各种高宽及位置的方法总结
Jul 27 Javascript
jQuery继承extend用法详解
Oct 10 Javascript
Vue.js点击切换按钮改变内容的实例讲解
Aug 22 Javascript
详解关于vue2.0工程发布上线操作步骤
Sep 27 Javascript
微信小程序返回箭头跳转到指定页面实例解析
Oct 08 Javascript
JavaScript前后端JSON使用方法教程
Nov 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
IIS7.X配置PHP运行环境小结
2011/06/09 PHP
PHP autoload与spl_autoload自动加载机制的深入理解
2013/06/05 PHP
memcache命令启动参数中文解释
2014/01/13 PHP
php生成缩略图示例代码分享(使用gd库实现)
2014/01/20 PHP
完美的php分页类
2017/10/24 PHP
基于Jquery的简单图片切换效果
2011/01/06 Javascript
js限制textarea每行输入字符串长度的代码
2012/10/31 Javascript
Jquery颜色选择器ColorPicker实现代码
2012/11/14 Javascript
js的.innerHTML = ""IE9下显示有错误的解决方法
2013/09/16 Javascript
js数组的基本用法及数组根据下标(数值或字符)移除元素
2013/10/20 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
js控件Kindeditor实现图片自动上传功能
2020/07/20 Javascript
javascript使用 concat 方法对数组进行合并的方法
2016/09/08 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
2016/09/19 Javascript
AngularJS中$apply方法和$watch方法用法总结
2016/12/13 Javascript
微信小程序引用公共js里的方法的实例详解
2017/08/17 Javascript
基于javascript处理nginx请求过程详解
2020/07/07 Javascript
Python使用PyCrypto实现AES加密功能示例
2017/05/22 Python
Python使用遗传算法解决最大流问题
2018/01/29 Python
详解Python的数据库操作(pymysql)
2019/04/04 Python
pytorch实现seq2seq时对loss进行mask的方式
2020/02/18 Python
利用OpenCV中对图像数据进行64F和8U转换的方式
2020/06/03 Python
python opencv实现简易画图板
2020/08/27 Python
pytorch 中forward 的用法与解释说明
2021/02/26 Python
CSS3新增布局之: flex详解
2020/06/18 HTML / CSS
html5 canvas 画图教程案例分析
2012/11/23 HTML / CSS
Sarenza德国:法国最大的时尚鞋和包包网上商店
2019/06/08 全球购物
什么是唯一索引
2015/07/05 面试题
系统管理员的职责包括那些?管理的对象是什么?
2016/09/20 面试题
优秀员工表扬信
2014/01/17 职场文书
网上快餐厅创业计划书
2014/02/01 职场文书
精彩的广告词
2014/03/19 职场文书
目标责任书范文
2014/04/14 职场文书
关于责任的演讲稿
2014/05/20 职场文书
大专生自荐书范文
2014/06/22 职场文书
2014年图书室工作总结
2014/12/09 职场文书