jQuery同时处理一个控件的click和dblclick事件
2014-05-05 15:36
274 查看
jQuery.fn.single_double_click = function(single_click_callback, double_click_callback, timeout) { return this.each(function(){ var clicks = 0, self = this; jQuery(this).click(function(event){ clicks++; if (clicks == 1) { setTimeout(function(){ if(clicks == 1) { single_click_callback.call(self, event); } else { double_click_callback.call(self, event); } clicks = 0; }, timeout || 300); } }); }); }
以上核心应该就是那个setTimeout方法了,如果再指定的timeout或300毫秒之内没有第二次点击的话,就是单击事件,否则就是双击事件。
参考:https://gist.github.com/ncr/399624
相关文章推荐
- 通过Jquery中的选择器选择相同的className统一处理表单(可以同时处理多个表单在一个网页中)
- 使用jquery当页面打开时,将一个事件绑定到控件(同时执行两个事件),并修改加载样式类中的样式
- 对时间控件的改进,同时发布了一个验证码控件
- jQuery DatePicker 与ASP.NET的验证控件结合 Bug 处理
- JQuery中_Radio、DropDownList、Checkbox选择控件的处理
- CasperJS click不容易处理时的一个好办法:
- 如何在一个控件上同时实现单触和多触事件
- 同一个页面用Js和服务器验证控件OnClientClick提交问题
- Android AudioManager处理两个播放器同时有声音,停止其中一个播放的问题,暂停其他的播放
- Android如何处理列表控件的item同时点击事件
- 怎么让Html控件onclick事件和onserverclick事件同时有效
- 怎样在vs2010里面实现两个编辑控件对应一个消息处理函数
- 使用验证控件出现错误:要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。”的解决办法。
- ajax+jQuery实现一个页面同时加载多个模块!
- [JQuery]Dom循环点击处理插件DomClickRange
- jquery/js实现一个网页同时调用多个倒计时(最新的)
- jQuery - 同时添加click和dblclick事件
- javascript与jQuery设置取得div绝对位置一个小应用(像日历控件一样,在编辑框下面显示一个层)
- 一个模仿HTML5功能的jquery控件
- BaseServlet思想(Struts2的思想), BaseServlet,让一个Servlet可以同时处理多个请求