页面有一个输入框A绑定了blur事件，且这个事件里面需要用到ajax请求数据，然后有一个按钮B绑定了点击事件；
在A里面输入完信息后， 还没失去焦点的时候点击B，这个时候发现只执行了A的blur事件，而B的click事件没有触发。（ps: 若blur事件 仅仅只是普通操作，没有ajax异步请求的话 是没问题的）
网上搜到的三种解决办法,(个人觉得都不适合)：
1.blur事件加延时，让click先执行，缺点：click事件虽然执行了，但是在blur请求完成前执行的，不能获取到blur请求后的最新数据（pass）
2.给按钮B加个mousedown，并在mousedown里面阻止默认事件 e.preventDefault() ，因为mousedown会优先于blur事件。缺点：这样点击事件会执行，但是blur事件不会触发（pass）
3.按钮B上的点击事件换成mousedown事件，这样两者都会执行，但是mousedown(原click)先执行，类似第一种加延时处理。缺点：除了第一点说的，mousedown事件会在鼠标按下去的一瞬间执行，不是很友好。（pass）
发现上面三种都不好用，于是本人想到，能不能在点击的时候获取到鼠标点了谁，如果被点击的元素有click事件，再在blur的回调函数里面执行(以下方法若有不合适的地方，希望给与指出)
blur事件类型表示在元素失去焦点时响应,它与focus事件类型是对应的,主要作用于表单元素和超链接对象 示例:为所有输入表单元素绑定了focus和blur事...blur事件类型表示在元素失去焦点时响应,它与focus事件类型是对应的,主要作用于表单元素和超链接对象 示例:为所有输入表单元素绑定了focus和blur事...在做表单验证时我们会经常遇到blur和click冲突的情况
举个栗子：
问题：当焦点在输入框时，点击取消按钮会触发blur和click事件，导致需要点击两次取消按钮才能关闭弹窗
原因：这是因为blur事件比click事件先触发，而 javascript为单线程，同一时间只能执行处理一个事件 ，所以当blur处理程序时，导致其后续click事件并不会执行
解决方案1：如果click事件比blur事件先触发就没有问题了，所以可以给blur事件延迟触发
解决方案2：将click事件改为mousedown事件，让其优先于blur事件执行（缺点是用户体验不好，鼠标按下便触发了事件）
解决方案3：给按钮添加一个mousedown事件，在其中执行event.preventDefault()阻止浏览器默认事件，这样点击按钮时输入框就不会失去焦点了
