火狐下input焦点无法重复获取问题的解决方法

112 阅读 0 评论 74 点赞

我是靠谱客的博主糟糕盼望，最近开发中收集的这篇文章主要介绍火狐下input焦点无法重复获取问题的解决方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

今天遇到了一个很棘手的问题，就是在做一些输入框的验证的时候，我这边项目的业务逻辑就是当我选中某个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。

当我只是解决了这个问题，仍然不知道为什么在火狐下这样就能解决，如有哪位大神晓得，给下留言，让晚生学习一下，不胜感激！