火狐下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 相关文章推荐
【消息提示组件】,兼容IE6/7&&FF2
Sep 04 Javascript
[HTML/CSS/Javascript]WWTJS
Sep 25 Javascript
javascript动态添加、修改、删除对象的属性与方法详解
Jan 27 Javascript
javascript生成随机颜色示例代码
May 05 Javascript
JS返回iframe中frameBorder属性值的方法
Apr 01 Javascript
JS弹出对话框实现方法(三种方式)
Dec 18 Javascript
基于jQuery实现select下拉选择可输入附源码下载
Feb 03 Javascript
图文详解JavaScript的原型对象及原型链
Aug 02 Javascript
webpack+vue.js实现组件化详解
Oct 12 Javascript
DVA框架统一处理所有页面的loading状态
Aug 25 Javascript
layui 监听select选择 获取当前select的ID名称方法
Sep 24 Javascript
js blob类型url的视频下载问题的解决
Nov 29 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
ThinkPHP实现事务回滚示例代码
2014/06/23 PHP
使用PHP处理数据库数据如何将数据返回客户端并显示当前状态
2016/02/16 PHP
php利用imagemagick实现复古老照片效果实例
2017/02/16 PHP
一个报数游戏js版(约瑟夫环问题)
2010/08/05 Javascript
jquery attr 设定src中含有&(宏)符号问题的解决方法
2011/07/26 Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
2014/11/12 Javascript
Javascript 拖拽的一些高级的应用(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
2016/04/20 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
2017/03/21 Javascript
Nodejs中获取当前函数被调用的行数及文件名详解
2018/12/12 NodeJs
使用Sonarqube扫描Javascript代码的示例
2018/12/26 Javascript
简谈创建React Component的几种方式
2019/06/15 Javascript
js实现复制粘贴的两种方法
2020/12/04 Javascript
vue实现购物车的小练习
2020/12/21 Vue.js
Django实现跨域请求过程详解
2019/07/25 Python
tensorflow使用range_input_producer多线程读取数据实例
2020/01/20 Python
详解python内置常用高阶函数(列出了5个常用的)
2020/02/21 Python
使用python实现微信小程序自动签到功能
2020/04/27 Python
Django 解决上传文件时,request.FILES为空的问题
2020/05/20 Python
NIHAOMARKET官方海外旗舰店:意大利你好华人超市
2018/01/27 全球购物
Groupon法国官方网站:特卖和网上购物高达-70%
2019/09/02 全球购物
利物浦足球俱乐部官方商店(美国):Liverpool FC US
2019/10/09 全球购物
家居设计专业个人自荐信范文
2013/11/26 职场文书
学生拾金不昧表扬信
2014/01/21 职场文书
税务干部鉴定材料
2014/02/11 职场文书
业务员自荐信范文
2014/04/20 职场文书
2014年端午节演讲稿范文
2014/05/23 职场文书
个人党性锻炼总结
2015/03/05 职场文书
合作与交流自我评价
2015/03/09 职场文书
施工单位工程部经理岗位职责
2015/04/09 职场文书
唐山大地震观后感
2015/06/05 职场文书
健康证明
2015/06/19 职场文书
装修公司管理制度
2015/08/05 职场文书
导游词之湖北武当山
2019/09/23 职场文书
python超详细实现完整学生成绩管理系统
2022/03/17 Python
Python中使用tkFileDialog实现文件选择、保存和路径选择
2022/05/20 Python