火狐下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 相关文章推荐
js前台判断开始时间是否小于结束时间
Feb 23 Javascript
js实现拉伸拖动iframe的具体代码
Aug 03 Javascript
JavaScript动态加载样式表的方法
Mar 21 Javascript
jquery实现左右滑动菜单效果代码
Aug 27 Javascript
js弹出对话框方式小结
Nov 17 Javascript
vue.js实现表格合并示例代码
Nov 30 Javascript
微信小程序 122100版本更新问题解决方案
Dec 22 Javascript
AngularJS实现动态添加Option的方法
May 17 Javascript
vue 计时器组件的实现代码
Sep 14 Javascript
第一个Vue插件从封装到发布
Nov 22 Javascript
Vue下拉框回显并默认选中随机问题
Sep 06 Javascript
使用AutoJs实现微信抢红包的代码
Dec 31 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 采集书并合成txt格式的实现代码
2009/03/01 PHP
shopex主机报错误请求解决方案(No such file or directory)
2011/12/27 PHP
php阻止页面后退的方法分享
2014/02/17 PHP
PHP exif扩展方法开启详解
2014/07/28 PHP
thinkPHP实现递归循环栏目并按照树形结构无限极输出的方法
2016/05/19 PHP
ThinkPHP3.2.3框架邮件发送功能图文实例详解
2019/04/23 PHP
javascript时区函数介绍
2012/09/14 Javascript
javascript实现文本域写入字符时限定字数
2014/02/12 Javascript
Javascript中arguments用法实例分析
2015/06/13 Javascript
jQuery代码实现发展历程时间轴特效
2015/07/30 Javascript
浅析javascript的return语句
2015/12/15 Javascript
详解Backbone.js框架中的模型Model与其集合collection
2016/05/05 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
2017/04/01 Javascript
JavaScript运动框架 解决速度正负取整问题(一)
2017/05/17 Javascript
详解在HTTPS 项目中使用百度地图 API
2019/04/26 Javascript
Vue组件之高德地图地址选择功能的实例代码
2019/06/21 Javascript
浅谈vuex为什么不建议在action中修改state
2020/02/02 Javascript
[03:17]2014DOTA2 国际邀请赛中国区预选赛 四强专访
2014/05/23 DOTA
[03:08]Ti4观战指南上
2014/07/07 DOTA
[03:12]2016完美“圣”典风云人物:单车专访
2016/12/02 DOTA
python学习之matplotlib绘制散点图实例
2017/12/09 Python
python调用系统ffmpeg实现视频截图、http发送
2018/03/06 Python
在Pycharm中将pyinstaller加入External Tools的方法
2019/01/16 Python
Python子类继承父类构造函数详解
2019/02/19 Python
Pytorch 实现冻结指定卷积层的参数
2020/01/06 Python
Django Xadmin多对多字段过滤实例
2020/04/07 Python
利用scikitlearn画ROC曲线实例
2020/07/02 Python
沙特阿拉伯网上购物:Sayidaty Mall
2018/05/06 全球购物
FORZIERI福喜利中国官网:奢侈品购物梦工厂
2019/05/03 全球购物
七年级英语教学反思
2014/01/15 职场文书
公司财务流程之主管工作流程
2014/03/03 职场文书
大学三年计划书范文
2014/04/30 职场文书
员工安全承诺书
2014/05/22 职场文书
服装设计专业自荐信
2014/06/17 职场文书
预备党员学习十八届三中全会精神思想汇报
2014/09/13 职场文书
西柏坡观后感
2015/06/08 职场文书