onBlur和onChange冲突解决方法

简介

如上图，我想当点击xxx或yyy时将弹出层关闭，点击dom上的其他元素弹出层也关闭

于是我监听了xxx和yyy元素的onClick事件和input元素的onBlur事件

但是当我点击xxx或yyy时onBlur事件会先执行，导致xxx或yyy的onClick事件直接不执行

bug原因

onblur事件会比onclick事件先执行

解决方式

把onblur事件上的代码改成异步的形式，比如说加个setTimeout
不监听onClick事件而是监听onMouseDown事件这样你的事件将会下鼠标按下的那一刻就会执行

onBlur和onChange冲突解决方法相关推荐

Android滑动冲突解决方法
Android滑动冲突解决方法滑动冲突首先讲解一下什么是滑动冲突.当你需要在一个ScrollView中嵌套使用ListView或者RecyclerView的时候你会发现只有ScrollView能够 ...
Android Studio androidx 包冲突解决方法
Android Studio androidx 包冲突解决方法参考文章: (1)Android Studio androidx 包冲突解决方法 (2)https://www.cnblogs.com/ ...
《系统集成项目管理工程师》必背100个知识点-54冲突解决方法
常用的冲突解决方法? (1)问题解决 (2)合作 (3)强制(命令) (4)妥协(调解) (5)求同存异(缓和.包容) (6)撤退(回避) 合作.解决问题综合考虑不同的观点和意见,采用合作的态度和开 ...
git 本地与远程仓库出现代码冲突解决方法
git 本地与远程仓库出现代码冲突解决方法参考文章: (1)git 本地与远程仓库出现代码冲突解决方法 (2)https://www.cnblogs.com/heaven-xi/p/9703566. ...
项目管理过程中六种冲突解决方法
整理自信管网.希赛网以及网上摘录. 博客:https://www.zenwu.site/post/e1bc.html 冲突的解决方法,不管冲突对项目的影响是正面的还是负面的,项目经理都有责任处理它,以 ...
android studio 导入模块SDK 以及该模块中继承application的类与原工程继承application的类存在冲突解决方法
android studio 导入模块SDK 以及该模块中继承application的类与原工程继承application的类存在冲突解决方法导入某修改后的海康视频SDK(老师给的),并修改相关文 ...
linux svn 冲突解决方法
linux svn 冲突解决方法参考文章: (1)linux svn 冲突解决方法 (2)https://www.cnblogs.com/manhelp/p/11643851.html (3)htt ...
Failed to read candidate component class包冲突解决方法
Failed to read candidate component class包冲突解决方法参考文章: (1)Failed to read candidate component class包冲突 ...
SVN提交代码冲突解决方法总结
SVN提交代码冲突解决方法总结在近期svn提交代码时遇到多种情况的问题,现做一个解决办法的总结如下: 插播一条:idea下被svn版本控制各类文件的颜色区分, 红棕色,未加入版本控制: 绿色,已经加 ...
git合并冲突解决方法
git合并冲突解决方法 1.git merge冲突了,根据提示找到冲突的文件,解决冲突如果文件有冲突,那么会有类似的标记 2.修改完之后,执行git add 冲突文件名 3.git commit 注 ...

onBlur和onChange冲突解决方法

简介

bug原因

解决方式

onBlur和onChange冲突解决方法相关推荐

最新文章

热门文章