火狐下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 相关文章推荐
理解Javascript_02_理解undefined和null
Oct 11 Javascript
11款新鲜的jQuery插件[附所有demo下载]
Jan 24 Javascript
jQuery下的动画处理总结
Oct 10 Javascript
微信小程序 PHP后端form表单提交实例详解
Jan 12 Javascript
微信小程序中添加客服按钮contact-button功能
Apr 27 Javascript
Vue.js的动态组件模板的实现
Nov 26 Javascript
VueJS 组件参数名命名与组件属性转化问题
Dec 03 Javascript
JS+HTML5 canvas绘制验证码示例
Dec 05 Javascript
js 计算图片内点个数的示例代码
Apr 04 Javascript
vue里的data要用return返回的原因浅析
May 28 Javascript
js+canvas实现纸牌游戏
Mar 16 Javascript
JS快速实现简单计算器
Apr 08 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短域名转换为实际域名函数
2011/01/17 PHP
php微信公众号开发模式详解
2016/11/28 PHP
thinkPHP5.0框架简单配置作用域的方法
2017/03/17 PHP
PHP双向链表定义与用法示例
2018/01/31 PHP
json-lib出现There is a cycle in the hierarchy解决办法
2010/02/24 Javascript
手机端转盘抽奖代码分享
2015/09/10 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
2015/11/07 Javascript
jQuery旋转木马式幻灯片轮播特效
2015/12/04 Javascript
jquery实现数字输入框
2017/02/22 Javascript
又一款MVVM组件 构建自己的Vue组件(2)
2017/03/13 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
2017/10/31 Javascript
JavaScript类的继承方法小结【组合继承分析】
2018/07/11 Javascript
vue单页应用在页面刷新时保留状态数据的方法
2018/09/21 Javascript
JavaScript实现图片放大镜效果
2019/06/27 Javascript
layui在form表单页面通过Validform加入简单验证的方法
2019/09/06 Javascript
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
jQuery实现简单三级联动效果
2020/09/05 jQuery
简单理解Python中基于生成器的状态机
2015/04/13 Python
Python中几种属性访问的区别与用法详解
2018/10/10 Python
对Python 多线程统计所有csv文件的行数方法详解
2019/02/12 Python
python爬虫豆瓣网的模拟登录实现
2019/08/21 Python
Python类的动态绑定实现原理
2020/03/21 Python
selenium切换标签页解决get超时问题的完整代码
2020/08/30 Python
移动端rem布局的两种实现方法
2018/01/03 HTML / CSS
HTML5 device access 设备访问详解
2018/05/24 HTML / CSS
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
Tripadvisor新西兰:阅读评论,比较价格和酒店预订
2018/02/10 全球购物
幼儿园中秋节活动方案2013
2014/01/29 职场文书
静心口服夜广告词
2014/03/20 职场文书
党的群众路线教育实践活动总结材料
2014/10/30 职场文书
售后服务承诺函格式
2015/01/21 职场文书
劳动者解除劳动合同通知书
2015/04/16 职场文书
防溺水主题班会教案
2015/08/12 职场文书
《钢铁是怎样炼成的》高中读后感
2019/08/07 职场文书
Python超简单容易上手的画图工具库推荐
2021/05/10 Python
默认网关不可用修复后过一会又不好使了解决方法
2022/04/08 数码科技