onClick 和onBlur冲突解决办法

场景:百度的搜索框 输入检索字后下拉会有对应的列表出来,要求点击搜索框外的区域下拉列表消失,点击下拉列表的某个记录后跳转。实现方式为 input 的onchange+onblur 与列表的onclik 。这样就会存在一个问题,当点击列表时 input 的onblur就先发挥作用,导致列表的onclik无效(js的单线程限制了只允许一个事件触发,onblur的优先性高于onclick).
解决办法:用onmousedown 代替onclick


作者:yelangshisan
来源:CSDN
原文:https://blog.csdn.net/yelangshisan/article/details/78936220
版权声明:本文为博主原创文章,转载请附上博文链接!

你可能感兴趣的:(onClick 和onBlur冲突解决办法)