blur事件和ajax,js关于blur事件阻塞click事件

出现场景：

页面有一个输入框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事件虽然执行了，但是在blur请求完成前执行的，不能获取到blur请求后的最新数据(pass)

2.给按钮B加个mousedown，并在mousedown里面阻止默认事件e.preventDefault()，因为mousedown会优先于blur事件。缺点：这样点击事件会执行，但是blur事件不会触发(pass)