js中blur和click事件的冲突

  • Post author:
  • Post category:其他


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


原因

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


解决方案

:1.如果click事件比blur事件早触发就没有问题了,所以可以给blur事件加一个时间(延迟触发),如:setTimeout(fn, 250);

2.添加mouseover,mouseout 。前者删除blur事件,后者添加回来。鼠标在click执行之前先执行了mouseover事件,删除blur就不会隐藏了,然后点击完成后,mouseout再把blur添加回来,就行了。(mouseover ,mouseout不会转移焦点)。


http://www.jcodecraeer.com/a/jquery_js_ajaxjishu/2012/0307/21.html