js中blur和click事件的冲突
2012-03-12 13:21
399 查看
在表单验证中,我们往往会在输入框失去焦点时触发一个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
原因:由于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
相关文章推荐
- js、jquery 中 blur事件和click事件冲突
- 解决js的blur事件与click事件冲突
- click和blur事件冲突解决方案
- jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
- jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
- 如何解决blur事件和click事件冲突问题?
- 下拉选择的blur和click事件冲突了
- JS中touchstart事件与click事件冲突的解决方法
- blur和click事件冲突
- js不完美解决click和dblclick事件冲突问题
- js, jq执行 focus后focusout和click事件冲突
- 快速解决js开发下拉框中blur与click冲突
- blur事件与click事件冲突怎么解决
- 快速解决js开发下拉框中blur与click冲突
- jquery点击click事件和blur事件冲突如何解决
- jquery点击click事件和blur事件冲突如何解决
- onclick 事件 和 blur 事件 冲突
- click与dblclick事件冲突解决方法
- 解决android listview中OnItemClickListener事件和里面button点击事件冲突问题