手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >火狐下input焦点无法重复获取问题的解决方法
火狐下input焦点无法重复获取问题的解决方法
摘要:今天遇到了一个很棘手的问题,就是在做一些输入框的验证的时候,我这边项目的业务逻辑就是当我选中某个select的某个特定option的时候,需...

今天遇到了一个很棘手的问题,就是在做一些输入框的验证的时候,我这边项目的业务逻辑就是当我选中某个select的某个特定option的时候,需要显示出一个input输入框让用户输入东西,但是如果用户啥也不做,就必须弹出警告框让用户输入,等其输入后,我这边再将input隐藏掉。

因此,便产生了如下问题,input输入框显示的时候,需要自动获取焦点,此时,我是用的

复制代码 代码如下:

document.getElementById('id').focus();

恩,尝试了一下,效果很好,不禁心中大喜,搞定!

但是天算不如人算,在我进行用火狐测试的时候,完蛋了,第一次刚将input显示出来的时候是好用的,但是随后我关闭alert提醒框的时候,input无法获取焦点了,囧!

问题棘手,又不明其所以,so,小小的查了一下网上大神们的解答方式,发现了如下一招,试验了一下,果然很好用!

在alert之后,将原来的

复制代码 代码如下:

document.getElementByIdx('id').focus();

换成

复制代码 代码如下:

window.setTimeout(function () { document.getElementById('id').focus();}, 0);

爽,问题解决!

setTimeout是指在载入后延迟指定时间后执行前面的表达式,当然在这里是延迟0ms之后执行function。

当我只是解决了这个问题,仍然不知道为什么在火狐下这样就能解决,如有哪位大神晓得,给下留言,让晚生学习一下,不胜感激!

【火狐下input焦点无法重复获取问题的解决方法】相关文章:

Javascript中prototype属性实现给内置对象添加新的方法

多个iframe自动调整大小的问题

JavaScript获取并更改input标签name属性的方法

jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

png在IE6 下无法透明的解决方法汇总

JavaScript获得url查询参数的方法

javascript实时显示当天日期的方法

js+HTML5实现canvas多种颜色渐变效果的方法

JavaScript实现点击文字切换登录窗口的方法

Eclipse编辑jsp、js文件时卡死现象的解决办法汇总

精品推荐
分类导航