龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

解决javascript中click与dblclick事件冲突办法

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
解决javascript中click与dblclick事件冲突办法 有需要的朋友可参考一下。 由于我们只需要屏蔽一次 click 事件即可,由此联想到,可以利用 setTimeout() 方法来延时完成 click 事件的处理,在需要
解决javascript中click与dblclick事件冲突办法 有需要的朋友可参考一下。

由于我们只需要屏蔽一次 click 事件即可,由此联想到,可以利用 setTimeout() 方法来延时完成 click 事件的处理,在需要停止 click 的时候利用 clearTimeout() 方法停止这一事件的处理。这样,就可以比较容易的写出如下的 javascript 代码

 代码如下

var timer = null;
$('button').live('click', function(event){    
timer && clearTimeout(timer);    
timer = setTimeout(function()
{        
console.log(event.type);    
},300); }).live('dblclick', function(event){    
timer && clearTimeout(timer);    
console.log(event.type);
});


收藏文章
表情删除后不可恢复,是否删除
取消
确定
图片正在上传,请稍后...
评论内容为空!
还没有评论,快来抢沙发吧!

热评话题

按钮 内容不能为空!
立刻说两句吧! 查看0条评论
精彩图集

赞助商链接