火狐下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 相关文章推荐
jqgrid 表格数据导出实例
Nov 21 Javascript
JavaScript转换二进制编码为ASCII码的方法
Apr 16 Javascript
浅谈JavaScript中setInterval和setTimeout的使用问题
Aug 01 Javascript
Bootstrap Validator 表单验证
Jul 25 Javascript
常用原生js自定义函数总结
Nov 20 Javascript
Avalonjs双向数据绑定与监听的实例代码
Jun 23 Javascript
Vue中使用webpack别名的方法实例详解
Jun 19 Javascript
Vue中的v-for循环key属性注意事项小结
Aug 12 Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
Sep 27 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
Jul 27 Javascript
微信小程序中data-key属性之数据传输(经验总结)
Aug 22 Javascript
Node.js 中判断一个文件是否存在
Aug 24 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
cakephp打印sql语句的方法
2015/02/13 PHP
php 批量查询搜狗sogou代码分享
2015/05/17 PHP
PHP number_format函数原理及实例解析
2020/07/14 PHP
JavaScript 解析读取XML文档 实例代码
2009/07/07 Javascript
Extjs学习过程中新手容易碰到的低级错误积累
2010/02/11 Javascript
javascript中的107个基础知识收集整理 推荐
2010/03/29 Javascript
Jquery getJSON方法详细分析
2013/12/26 Javascript
javascript图片预加载实例分析
2015/07/16 Javascript
原生js与jQuery实现简单的tab切换特效对比
2015/07/30 Javascript
nodejs创建web服务器之hello world程序
2015/08/20 NodeJs
JS实现图片局部放大或缩小的方法
2016/08/20 Javascript
微信小程序 网络请求(GET请求)详解
2016/11/16 Javascript
vue中七牛插件使用的实例代码
2017/07/28 Javascript
React中使用async validator进行表单验证的实例代码
2018/08/17 Javascript
详解ES6系列之私有变量的实现
2018/11/21 Javascript
利用node 判断打开的是文件 还是 文件夹的实例
2019/06/10 Javascript
Python实现从订阅源下载图片的方法
2015/03/11 Python
python简单实现基数排序算法
2015/05/16 Python
浅谈python正则的常用方法 覆盖范围70%以上
2018/03/14 Python
Flask模拟实现CSRF攻击的方法
2018/07/24 Python
Python对切片命名的实现方法
2018/10/16 Python
Python 网络编程之TCP客户端/服务端功能示例【基于socket套接字】
2019/10/12 Python
python3实现弹弹球小游戏
2019/11/25 Python
python turtle 绘制太极图的实例
2019/12/18 Python
日本一家专门经营各种箱包的大型网站:Traveler Store
2016/08/03 全球购物
阿联酋优惠券服务:Living Kool
2019/12/12 全球购物
大学生村官任职感言
2014/01/09 职场文书
畜牧兽医本科生的自我评价
2014/03/03 职场文书
2014党员学习习主席讲话思想汇报
2014/09/15 职场文书
企业百日安全活动总结
2015/05/07 职场文书
2016年小学生寒假总结
2015/10/10 职场文书
2019财务转正述职报告
2019/06/27 职场文书
员工工作失职检讨书范文!
2019/07/03 职场文书
教你如何用python开发一款数字推盘小游戏
2021/04/14 Python
详解Apache SkyWalking 告警配置指南
2021/04/22 Servers
python中 .npy文件的读写操作实例
2022/04/14 Python