blur与click事件优先级问题

最新推荐文章于 2022-09-05 15:31:36 发布
最新推荐文章于 2022-09-05 15:31:36 发布
阅读量880 收藏
点赞数 1
分类专栏： Javascript 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39882537/article/details/105194407
版权

父元素添加点击事件click，子元素有blur事件
因为js是单线程机制，一次只能执行一个事件，所以click与blur存在优先级问题，所以只执行来blur事件

解决办法：
1. 给blur一个事件缓冲setimeout
2. 可以用mousedown来代替click事件

厘子 车
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈blur与click冲突的问题
筱葭的博客
12-30 5396
blur事件：当元素失去焦点时触发。 click事件：当点击元素时触发。
Javascript中click与blur事件的顺序详析
10-19
总结，理解和掌握click与blur事件的执行顺序对于编写高效、无误的JavaScript交互代码至关重要。在遇到类似的问题时，可以通过调整事件绑定或利用事件的特性（如preventDefault()）来实现预期的交互效果。同时，不断...
blur与click事件的优先级问题
时光若宸的博客
05-17 4499
在用户输入的邮箱的校验的过程中我们一般会对输入框 绑定 blur事件，但是当输入框有提示内容的时候就会出现一个问题： 点击提示的内容的时候，输入框已经触发了脱离焦点的事件，于是blur事件会比click事件更先触发，使得校验的是选择提示内容之前输入的内容，因此会报错。 解决方案： 输入提示的内容不使用click 事件，可以使用mousedown事件来解决 ...
事件blur与click冲突
胖胖的博客
10-19 447
练习jQuery，写评论回复的网页时遇到的， 问题如下： 点击评论后，出现回复按钮， 点击按钮后，提交评论。若点其他地方，触发blur事件，回复按钮消失。但是此时无论怎么点回复按钮都不会触发click事件。 原因 javascript为单线程，同一时间只能执行处理一个事件，而blur事件比click优先，所以先触发了blur事件，但此时按钮已经消失，无法触发它click事件。 解决办法 方法一...
blur与click冲突的问题
qq_34739614的博客
03-12 381
https://blog.csdn.net/zhouziyu2011/article/details/53942285 讲得非常详尽,学习了
解决blur与click冲突
热门推荐
李刚的学习专栏
06-26 3万+
在开发中我们会经常遇到blur和click冲突的情况。下面叙述了开发中常遇到的“下拉框”的问题，并提供了两种解决方案。一、blur和click事件简述 blur事件：当元素失去焦点时触发blur事件；其为表单事件，blur和focus事件不会冒泡，其他表单事件都可以。 click事件：当点击元素时触发click事件；所有元素都有此事件，会产生冒泡。 示例1：blur事件为表单事件<input typ
Javascript blur与click冲突解决办法
10-20
在JavaScript中，`blur`和`click`是两个常见的事件。`blur`事件在元素失去焦点时触发，而`click`事件则在用户点击元素时被激活。这两种事件在某些场景下可能会产生冲突，特别是在处理用户交互和界面反馈时。例如，当...
快速解决js开发下拉框中blur与click冲突
11-23
一、blur和click事件简述 blur事件：当元素失去焦点时触发blur事件；其为表单事件，blur和focus事件不会冒泡，其他表单事件都可以。 click事件：当点击元素时触发click事件；所有元素都有此事件，会产生冒泡。 示例...
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
10-21
主要介绍了jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题,非常不错，具有参考借鉴价值，需要的朋友可以参考下
blur事件与click事件冲突的解决办法
菜菜的博客
01-23 4466
在处理表单登录的过程中，遇到了一个问题，当我们在输入框输入内容输入框获取到焦点时，输入框后面会出现一个图标删除已输入的内容，因此删除图标会绑定一个click事件，但是当我们点击图标的时候，也触发了input的blur事件，blur事件会让input失去焦点时隐藏删除的图标，并且blur事件先于图标的click事件执行，因此这时候点击图标并不会删除输入框已输...
blur事件与click事件的冲突
从入门到放弃_nys的博客
05-10 3326
定义： blur事件：当元素失去焦点时发生 blur 事件 click事件：当单击元素时，发生 click 事件 在开发中会发现存在以下场景，点击当前输入框以外的其他元素。此时输入框失焦触发blur事件，同时我们点击的元素触发了click事件。这时候，你会发现blur事件是优先于click事件的。 在开发中，遇到了两次，一次是输入框blur与单选click，一次是输入框blur与下拉框click。 简化例子如下： //输入框失焦触发事件1，点击单选元素触发事件2。 $('#form_wrap').on('b
失去焦点和点击事件的执行顺序 onblur/onclick
Florenza的博客
09-05 1154
再点击联想词的时候 跳转 但是 联想词的外框设置了失去焦点时候消失所以 点击联想词不生效。在点击联想词的时候使用 onmousedown。vue项目中blur和click事件冲突。
JS Onblur 与Onclick事件冲突的解决办法
yelangshisan的专栏
12-30 9548
场景：百度的搜索框 输入检索字后下拉会有对应的列表出来，要求点击搜索框外的区域下拉列表消失，点击下拉列表的某个记录后跳转。实现方式为 input 的onchange+onblur 与列表的onclik 。这样就会存在一个问题，当点击列表时 input 的onblur就先发挥作用，导致列表的onclik无效（js的单线程限制了只允许一个事件触发，onblur的优先性高于onclick）. 解决办法
解决blur和onclick冲突问题
笨小孩
11-14 6580
场景：如下图所示，当点击X按钮时，会同时触发blur和onclick事件，此时不需要执行blur事件中代码，只执行onclick事件中代码。 代码示例： &lt;html&gt; &lt;head&gt; &lt;script src="http://code.jquery.com/jquery-2.1.4.min.js"&gt;&lt;/script&gt; &lt;script type...
解决js的blur事件与click事件冲突
buyue
11-21 5038
http://blog.csdn.net/ligang2585116/article/details/51764828
关于 blur 与 click 事件
qq_38476088的博客
03-20 699
去年有做一个需求，是关于表格校验的，有遇到了blur 和 click  事件冲突的问题当blur和click事件同时进行时,blur事件会优先于click 事件,导致click事件失效解决方案  将click修改为 mousedown  事件 或者在blur 事件发生时获取当前 dom元素  是否为发生点击事件的dom元素,是的话,则不执行后面操作...
下拉选择的blur和click事件冲突了
aoyanhui2930的博客
01-25 489
当写个下拉选择框时我们希望当input失去焦点时，下拉框消失，或者当选择下拉框中的内容的同时将内容填入input并且使下拉框消失。 这时候我们会想到blur和click，单独使用的时候是没有问题的，但一旦放到一起就会发现你点击了下拉选项中的li时，直接触发了blur事件，而且对li的click事件之后的判断是否是点击li还是仅仅input失去焦点这个判断执行失败了 例如 $('...
JS blur和click 顺序冲突
最新发布
05-22
因此，如果你在点击元素时同时绑定了click和blur事件处理程序，并且它们之间存在某种交互作用，可能会出现顺序冲突的问题。 解决这个问题的方法是使用setTimeout函数来延迟blur事件的触发，以确保click事件已经完成...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值