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 相关文章推荐
DIY jquery plugin - tabs标签切换实现代码
Dec 11 Javascript
javascrip关于继承的小例子
May 10 Javascript
jquery toolbar与网页浮动工具条具体实现代码
Jan 12 Javascript
js实现图片拖动改变顺序附图
May 13 Javascript
使用GruntJS构建Web程序之合并压缩篇
Jun 06 Javascript
学习JavaScript设计模式(代理模式)
Dec 03 Javascript
使用jQuery监听DOM元素大小变化
Feb 24 Javascript
Javascript highcharts 饼图显示数量和百分比实例代码
Dec 06 Javascript
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
解析原来浏览器原生支持JS Base64编码解码
Aug 12 Javascript
微信小程序官方动态自定义底部tabBar的例子
Sep 04 Javascript
微信提示 在浏览器打开 效果实现过程解析
Sep 10 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中使用Curl、socket、file_get_contents三种方法POST提交数据
2011/08/12 PHP
Yii框架表单提交验证功能分析
2017/01/07 PHP
PHP实现用户登录的案例代码
2018/05/10 PHP
Avengerls vs Newbee BO3 第二场2.18
2021/03/10 DOTA
Javascript里使用Dom操作Xml
2007/01/22 Javascript
javascript EXCEL 操作类代码
2009/07/30 Javascript
模仿JQuery sortable效果 代码有错但值得看看
2009/11/05 Javascript
js本身的局限性 别让javascript做太多事
2010/03/23 Javascript
关于JavaScript的with 语句的使用方法
2011/05/09 Javascript
javascript返回顶部效果(自写代码)
2013/01/06 Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
2014/05/27 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
2014/08/18 Javascript
浅谈JavaScript字符串与数组
2015/06/03 Javascript
jQuery选择器及jquery案例详解(必看)
2016/05/20 Javascript
bootstrap学习使用(导航条、下拉菜单、轮播、栅格布局等)
2016/12/01 Javascript
微信小程序 Button 组件详解及简单实例
2017/01/10 Javascript
React实现点击删除列表中对应项
2017/01/10 Javascript
Node实战之不同环境下配置文件使用教程
2018/01/02 Javascript
vue.js 实现点击展开收起动画效果
2018/07/07 Javascript
vue开发环境配置跨域的方法步骤
2019/01/16 Javascript
vue中用 async/await 来处理异步操作
2020/07/18 Javascript
javascript利用canvas实现鼠标拖拽功能
2020/07/23 Javascript
Python利用ElementTree模块处理XML的方法详解
2017/08/31 Python
单链表反转python实现代码示例
2018/02/08 Python
python批量爬取下载抖音视频
2019/06/17 Python
numpy 声明空数组详解
2019/12/05 Python
python selenium自动化测试框架搭建的方法步骤
2020/06/14 Python
Python CSS选择器爬取京东网商品信息过程解析
2020/06/01 Python
Python+OpenCV图像处理——图像二值化的实现
2020/10/24 Python
芝加哥牛排公司:Chicago Steak Company
2018/10/31 全球购物
请描述一下”is a”关系和”has a”关系
2015/02/03 面试题
2014年教师思想工作总结
2014/12/03 职场文书
python b站视频下载的五种版本
2021/05/27 Python
css中z-index: 0和z-index: auto的区别
2021/08/23 HTML / CSS
集英社今正式宣布 成立游戏公司“集英社Games”
2022/03/31 其他游戏
docker 制作mysql镜像并自动安装
2022/05/20 Servers