jquery中focus()失效怎么解决

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery中focus()失效怎么解决相关的知识,希望对你有一定的参考价值。

又学到一个新的知识!

今天在写表单验证的时候遇到一个关于获取焦点的focus()问题。

场景说明:在验证密码输入格式不对之后,弹出alert()提示框,提示密码不对,请重新输入。同时清空密码框并获得焦点,代码如下:

技术分享

 

查了好久的资料才找到一个原因,原来这是由于FF和IE的关于blur和focus的机制不一样,FF的focus只能在blur之前。所以用settimeout()做了一个延迟处理,代码如下:

技术分享

(为了加强效果,在密码框获得焦点之后,加了个CSS边框进去)

这样修改了之后,就可以实现想要的效果了!

 

解决办法参考:http://my.oschina.net/justdo/blog/125643?fromerr=d7Rc0tSP

以上是关于jquery中focus()失效怎么解决的主要内容,如果未能解决你的问题,请参考以下文章

jquery 中select里focus()怎么用

jquery异步post,返回Html,返回的html里的jquery失效,怎么解决。

jsp中的jquery失效以及引入js失败的问题

jquery在iframe下失效

jquery失去焦点与获取焦点事件blur() focus()

input输入框不能获得焦点