当前位置：网站首页>onBlur和onChange冲突解决方法

onBlur和onChange冲突解决方法

2022-07-24 14:42:00 【weixin_46787337】

简介

在这里插入图片描述
如上图，我想当点击xxx或yyy时将弹出层关闭，点击dom上的其他元素弹出层也关闭

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

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

bug原因

onblur事件会比onclick事件先执行

解决方式

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

版权声明
本文为[weixin_46787337]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_46787337/article/details/125902944

边栏推荐

猜你喜欢

随机推荐