js中blur和click事件的冲突

泡在网上的日子 / 文 发表于2012-03-07 13:23 次阅读

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

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

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

收藏 赞 (2) 踩 (4)
上一篇:js和css中WEB元素的距离和宽度高度等问题
网页元素的宽高度 以及距边界的距离问题一直困扰着很多人,虽然网上有很多文章,但是基本都不兼容各种浏览器或者是没讲清楚,把外文解释不加思考的翻译过来。
下一篇:DEDECMS编辑器添加运行代码控件
用DEDECMS做技术类网站模板的时候,在用后台添加内容的时候需要添加一些代码或者脚本,为了让用户更直观的看这些代码该需要在编辑器里面添加运行代码的控件,DEDECMS本身的浏览器是没有的,那么该如何添加呢,下面我就说说方法。