出现场景:
页面有一个输入框A绑定了blur事件,且这个事件里面需要用到ajax请求数据,然后有一个按钮B绑定了点击事件;
在A里面输入完信息后, 还没失去焦点的时候点击B,这个时候发现只执行了A的blur事件,而B的click事件没有触发。(ps: 若blur事件 仅仅只是普通操作,没有ajax异步请求的话 是没问题的)
失焦点击测试
// -----------------------
clickTest(){
console.log('clickTest');
},
blurTest(){
console.log('blurTest');
}
// -----------------------
// 结果正常:
// blurTest
// clickTest
blurTest(){
console.log('blurTest');
this.$ajax.get('/test')
.then(res=>{
console.log('blur请求完成')
})
}
// 结果:(不会执行点击事件)
// blurTest
// blur请求完成
网上搜到的三种解决办法,(个人觉得都不适合):
1.blur事件加延时,让click先执行,缺点:click事件虽然执行了,但是