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整除实现代码
Nov 23 Javascript
基于jquery的图片幻灯展示源码
Jul 15 Javascript
Javascript图像处理思路及实现代码
Dec 25 Javascript
javascript表单验证大全
Aug 12 Javascript
JavaScript中的this使用详解
Jul 27 Javascript
关于angularJs指令的Scope(作用域)介绍
Oct 25 Javascript
利用js获取下拉框中所选的值
Dec 01 Javascript
js验证手机号、密码、短信验证码代码工具类
Jun 24 Javascript
原生JS与jQuery编写简单选项卡
Oct 30 jQuery
vue 弹框产生的滚动穿透问题的解决
Sep 21 Javascript
javascrit中undefined和null的区别详解
Apr 07 Javascript
15 分钟掌握vue-next响应式原理
Oct 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
PHP树的代码,可以嵌套任意层
2006/10/09 PHP
php使用Smarty的相关注意事项及访问变量的几种方式
2011/12/08 PHP
php中CI操作多个数据库的代码
2012/07/05 PHP
深入PHP获取随机数字和字母的方法详解
2013/06/06 PHP
解析php中获取url与物理路径的总结
2013/06/21 PHP
深入解析fsockopen与pfsockopen的区别
2013/07/05 PHP
php GUID生成函数和类
2014/03/10 PHP
Laravel中如何增加自定义全局函数详解
2017/05/09 PHP
php成功操作redis cluster集群的实例教程
2019/01/13 PHP
使用TextRange获取输入框中光标的位置的代码
2007/03/08 Javascript
JS图片根据鼠标滚动延时加载的实例代码
2013/07/13 Javascript
判断JS对象是否拥有某种属性的两种方式
2013/12/02 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
2014/01/09 Javascript
原生JS实现响应式瀑布流布局
2015/04/02 Javascript
javascript中的Function.prototye.bind
2015/06/25 Javascript
nodejs multer实现文件上传与下载
2017/05/10 NodeJs
requireJS模块化实现返回顶部功能的方法详解
2017/10/16 Javascript
分析JS中this引发的bug
2017/12/12 Javascript
实例讲解v-if和v-show的区别
2019/01/31 Javascript
浅谈一种让小程序支持JSX语法的新思路
2019/06/16 Javascript
JS插入排序简单理解与实现方法分析
2019/11/25 Javascript
微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)
2020/04/09 Javascript
JavaScript中ES6规范中let和const的用法和区别
2020/08/06 Javascript
js实现盒子移动动画效果
2020/08/09 Javascript
python绘制条形图方法代码详解
2017/12/19 Python
python处理multipart/form-data的请求方法
2018/12/26 Python
python实现月食效果实例代码
2019/06/18 Python
解决python明明pip安装成功却找不到包的问题
2019/08/28 Python
Auchan Direct波兰:欧尚在线杂货店
2016/10/19 全球购物
Omio法国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/13 全球购物
预防传染病方案
2014/06/14 职场文书
竞聘报告优秀范文
2014/11/06 职场文书
营业用房租赁协议书
2014/11/26 职场文书
优秀班干部主要事迹材料
2015/11/04 职场文书
JS新手入门数组处理的实用方法汇总
2021/04/07 Javascript
MySQL基础快速入门知识总结(附思维导图)
2021/09/25 MySQL