码迷,mamicode.com
首页 > 其他好文 > 详细

click和blur事件冲突解决方案

时间:2017-05-26 19:02:00      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:导致   onclick   文字   方案   无法   优先   事件冲突   其他   添加   

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

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

click和blur事件冲突解决方案

标签:导致   onclick   文字   方案   无法   优先   事件冲突   其他   添加   

原文地址:http://www.cnblogs.com/programsky/p/6909919.html

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