JS Onblur 与Onclick事件冲突的解决办法
2017-12-30 10:12
246 查看
场景:百度的搜索框 输入检索字后下拉会有对应的列表出来,要求点击搜索框外的区域下拉列表消失,点击下拉列表的某个记录后跳转。实现方式为 input 的onchange+onblur 与列表的onclik 。这样就会存在一个问题,当点击列表时 input 的onblur就先发挥作用,导致列表的onclik无效(js的单线程限制了只允许一个事件触发,onblur的优先性高于onclick).
解决办法:用onmousedown 代替onclick
相关文章推荐
- andriod item内checked的setOnClickListener事件和setOnItemClickListener事件冲突解决办法
- ListView控件的onItemClick事件和item中Button的onClick事件冲突的解决办法
- 事件之onTouch方法的执行过程 及和 onClick执行发生冲突的解决办法
- Android中View类OnClickListener和DialogInterface类OnClickListener冲突解决办法
- 关于flex里面mousedown 和click事件冲突问题的解决办法
- React.js在ios设备上onClick事件失效的解决办法
- flash 原生UI 与 starling 鼠标事件冲突解决办法
- gridview中单元格button的点击事件和onitemclick点击冲突及解决办法
- 解决ViewFlipper中的onClick事件和onFling事件冲突
- 【事件冲突】ScrollView嵌套ViewPager冲突的解决办法
- flash 原生UI 与 starling 鼠标事件冲突解决办法
- Android ViewPager的事件冲突的解决办法
- textview文本片段点击事件与textview点击事件冲突执行两次(最终解决办法)
- Item的click事件和Item里的button等子控件的click事件冲突的解决办法
- ListView同时响应itemclick事件和item控件的onClickListener时间的解决办法
- 关于ScrollView和WebView滑动事件冲突的解决办法
- SwipeRefreshLayout与ViewPager滑动事件冲突源码分析及解决办法
- Android Activity使用OnGesture事件以后与子View的Click事件冲突解决办法
- Android中onTouch方法的执行过程以及和onClick执行发生冲突的解决办法
- 从ScrollView嵌套EditText的滑动事件冲突分析触摸事件的分发机制以及TextView的简要实现和冲突的解决办法