火狐下input焦点无法重复获取问题的解决方法
2019-12-02 16:00:34来源:爱站网 阅读 ()
input输入框时,需要自动获取焦点,这个时候使用focus可以很容易地获得焦点,但在Firefox下输入无法获得焦点,今天爱站技术频道小编带给大家火狐下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。
火狐下input焦点无法重复获取问题的解决方法就为各位朋友们展示到这里了,可以看出,编程的编写是很复杂的,需要花费大家时间与精力。
原文链接:https://js.aizhan.com/develop/JavaScript/10468.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- Vue input控件通过value绑定动态属性及修饰符的方法 2020-03-05
- jQuery实现动态添加、删除按钮及input输入框的方法 2019-12-15
- input标签内容改变的触发事件介绍 2019-11-27
- BootStrap使用file-input插件上传图片的方法 2019-09-08
- Vue触发隐藏input file的方法 2019-08-14
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash