首页 > 数据库技术 > 详细

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

时间:2014-05-08 20:53:09      阅读:454      评论:0      收藏:0      [点我收藏+]
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事件

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!