使用input结合下拉选项自定义一个预选数据列表
选择下拉选项时需要关闭下拉选项框；
0.jpg
点击下拉选项时，多数情况下，会先触发input的blur事件，导致出现某些缺陷
点击事件改为mousedown 事件，并在事件中使用event.preventDefault() 就可以了
原因：
所有元素都有click事件，会产生冒泡。一个元素失去焦点，blur事件优先于click事件。只要input绑定了blur，离开时浏览器会默认执行。
改为mousedown 之后，当你点击元素的时候，mousedown 优先于blur执行，所以只要在 mousedown 事件中阻止默认事件发生就可以了！
问题：：：做下拉时间框取值时，输入框input的blur事件与点击click事件的冲突了，在click的时候会先触...
1.事件 @click 点击事件@focus input获取焦点@blur input失去焦点@input...
场景 有一个input输入框，其绑定了blur事件有一个保存按钮，其绑定了click事件blur事件触发input...
js中blur和click事件的冲突 js中blur和click事件的冲突 https://www.jianshu...
有些场景会遇到同时有click和blur事件，blur会优先于click，这时可以使用setTimeout延时器，...
今天在帮其他同事解决PC页面的BUG，遇到的。input在有焦点的情况下，点击按钮，点击事件不执行。 具体描述如下...
siblings() 获得同辈元素 事件 blur, focus, click, dblclick, c...
解决方法1：对blur事件进行延迟，让click先执行，settimeout解决方法2：click 事件换成 mo...
// blur： 失去焦点// keyup: 键盘抬起事件 // input: 输入事件// change： 改变...
bind()向元素添加事件处理程序 blur()添加、触发失去焦点事件 change()添加、触发事件 click...
本文标题：click触发了input的blur事件
本文链接：https://www.haomeiwen.com/subject/knkefjtx.html
网友评论