火狐下input焦点无法重复获取问题的解决方法


Posted in Javascript onJune 16, 2014

今天遇到了一个很棘手的问题,就是在做一些输入框的验证的时候,我这边项目的业务逻辑就是当我选中某个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。

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

Javascript 相关文章推荐
jQuery Ajax 全解析
Feb 08 Javascript
两个JavaScript jsFiddle JSBin在线调试器
Mar 14 Javascript
在javascript将NodeList作为Array数组处理的方法
Jul 09 Javascript
瀑布流布局并自动加载实现代码
Mar 12 Javascript
JS实现动态生成表格并提交表格数据向后端
Nov 25 Javascript
javascript作用域、作用域链(菜鸟必看)
Jun 16 Javascript
原生js仿jquery animate动画效果
Jul 13 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
Dec 05 Javascript
bootstrap模态框示例代码分享
May 17 Javascript
node.js实现为PDF添加水印的示例代码
Dec 05 Javascript
详解React 服务端渲染方案完美的解决方案
Dec 14 Javascript
JS数据类型分类及常用判断方法
Nov 19 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
Jun 16 #Javascript
jquery实现在页面加载完毕后获取图片高度或宽度
Jun 16 #Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
Jun 16 #Javascript
jquery网页回到顶部效果(图标渐隐,自写)
Jun 16 #Javascript
解决checkbox的attr(checked)一直为undefined问题
Jun 16 #Javascript
Javascript实现简单的富文本编辑器附演示
Jun 16 #Javascript
javascript操纵OGNL标签示例代码
Jun 16 #Javascript
You might like
php json与xml序列化/反序列化
2013/10/28 PHP
php过滤XSS攻击的函数
2013/11/12 PHP
windows7下安装php的php-ssh2扩展教程
2014/07/04 PHP
PHP单例模式详细介绍
2015/07/01 PHP
thinkphp5使html5实现动态跳转的例子
2019/10/16 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
获取Javscript执行函数名称的方法
2006/12/22 Javascript
javascript Excel操作知识点
2009/04/24 Javascript
jQuery.query.js 取参数的两点问题分析
2012/08/06 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
jQuery找出网页上最高元素的方法
2015/03/20 Javascript
JavaScript实现基于Cookie的存储类实例
2015/04/10 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
jquery网页日历显示控件calendar3.1使用详解
2016/11/24 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
2016/12/14 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
2017/02/20 Javascript
jquery实现放大镜简洁代码(推荐)
2017/06/08 jQuery
JavaScript方法_动力节点Java学院整理
2017/06/28 Javascript
IntersectionObserver实现图片懒加载的示例
2017/09/29 Javascript
javascriptvoid(0)含义以及与"#"的区别讲解
2019/01/19 Javascript
浅谈JavaScript_DOM学习篇_图片切换小案例
2019/03/19 Javascript
JS桶排序的简单理解与实现方法示例
2019/11/25 Javascript
pymongo给mongodb创建索引的简单实现方法
2015/05/06 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
python能做哪些生活有趣的事情
2020/09/09 Python
10个示例带你掌握python中的元组
2020/11/23 Python
CSS3教程(10):CSS3 HSL声明设置颜色
2009/04/02 HTML / CSS
LG西班牙网上商店:Tienda LG Online Es
2019/07/30 全球购物
会计电算化专业应届大学生求职信
2013/10/22 职场文书
商务英语广告词大全
2014/03/18 职场文书
2014年幼儿园园务工作总结
2014/12/05 职场文书
共青团员自我评价
2015/03/10 职场文书
2016北大自主招生自荐信模板
2016/01/28 职场文书
2019预备党员转正申请书模板2篇!
2019/08/07 职场文书
写作技巧:优秀文案必备的3种结构
2019/08/19 职场文书
Java网络编程之UDP实现原理解析
2021/09/04 Java/Android