码迷,mamicode.com
首页 > Web开发 > 详细

jquery点击click事件和blur事件冲突如何解决

时间:2015-09-23 01:29:08      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

最近做了一个查询小功能,input输入框输入文字后,自动列出几条查询结果,可以键盘上下键或鼠标进行查询结果选择,并且点击输入框其他地方要隐藏这个列出的结果。

但比较头疼的是input上添加blur事件和查询提示结果click事件发生冲突,点击查询结果时,会首先触发input的blur事件,导致将查询提示结果隐藏选择不了,


解决办法:

给blur失去焦点事件添加延迟事件,让blur事件在click事件后执行。

$(".query_tools").blur(function(event){
    setTimeout(function () {
        $(".query_list").css("display", "none");
    }, 300);
});


jquery点击click事件和blur事件冲突如何解决

标签:

原文地址:http://my.oschina.net/u/2264370/blog/509826

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