js中blur和click事件的冲突

在表单验证中，我们往往会在输入框失去焦点时触发一个onblur时间，然后根据输入的内容产生提示，但假如在输入框失去焦点后需要点击某个按钮，这时输入框的blur事件会先发生，然而这是我们不希望看到的。

原因：由于blur事件是比click事件早触发，所以触发了blur事件后，提示框消失，无法选择里面的内容

解决方案：1.如果click事件比blur事件早触发就没有问题了，所以可以给blur事件加一个时间（延迟触发），如：setTimeout(fn, 250);
2.添加mouseover，mouseout 。前者删除blur事件，后者添加回来。鼠标在click执行之前先执行了mouseover事件，删除blur就不会隐藏了，然后点击完成后，mouseout再把blur添加回来，就行了。（mouseover ，mouseout不会转移焦点）。