click和blur事件冲突解决方案

最新推荐文章于 2024-04-20 15:25:58 发布

weixin_30608131

最新推荐文章于 2024-04-20 15:25:58 发布

阅读量144

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/programsky/p/6909919.html

版权

场景：例如做一个模仿百度搜索的搜索框，输入文字下面会有匹配项，当点击下拉项中的值时，就将值添加到搜索框中同时隐藏下拉框，点击其他地方就直接隐藏下拉框，这时所需要的事件分别为下拉框事件onclick，输入框事件onblur，但是实际会出现想选中下拉框却先触发了onblur事件导致onclick无法执行。原因是因为JS是单线程，同一时间只能处理一个事件，且blur执行顺序优先click.

解决方案：将onclick改为onmousedown即可。

转载于:https://www.cnblogs.com/programsky/p/6909919.html