码迷,mamicode.com
首页 > 数据库 > 详细

jQuery同时处理一个控件的click和dblclick事件

时间:2014-05-08 20:54:46      阅读:373      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   code   java   color   

bubuko.com,布布扣
 1 jQuery.fn.single_double_click = function(single_click_callback, double_click_callback, timeout) {
 2   return this.each(function(){
 3     var clicks = 0, self = this;
 4     jQuery(this).click(function(event){
 5       clicks++;
 6       if (clicks == 1) {
 7         setTimeout(function(){
 8           if(clicks == 1) {
 9             single_click_callback.call(self, event);
10           } else {
11             double_click_callback.call(self, event);
12           }
13           clicks = 0;
14         }, timeout || 300);
15       }
16     });
17   });
18 }
bubuko.com,布布扣

以上核心应该就是那个setTimeout方法了,如果再指定的timeout或300毫秒之内没有第二次点击的话,就是单击事件,否则就是双击事件。

参考:https://gist.github.com/ncr/399624

jQuery同时处理一个控件的click和dblclick事件,布布扣,bubuko.com

jQuery同时处理一个控件的click和dblclick事件

标签:style   blog   class   code   java   color   

原文地址:http://www.cnblogs.com/voctrals/p/3709419.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!