两个元素某一个存在blur事件时另一个click事件无效

一个页面的两个元素

DOM1绑定了click事件,DOM2绑定了blur事件

DOM1点击后  只执行DOM2的blur,不执行DOM1的click

原因:

JS 的单线程的,blur 的优先级高于 click,同时触发的两个事件只执行优先级高的那个(同理css 最后声明的样式 优先级高,只显示 最后声明的样式)

 

解决办法:

给blur事件设定延时

$('DOM2).on('blur', function () {
        setTimeout(e => {
           // blue 事件内容
        }, 300)
    })

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值