火狐下input焦点无法重复获取问题的解决方法
时间：2020-10-11 10:46:38|栏目：JavaScript代码|点击： 次
今天遇到了一个很棘手的问题，就是在做一些输入框的验证的时候，我这边项目的业务逻辑就是当我选中某个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。
当我只是解决了这个问题，仍然不知道为什么在火狐下这样就能解决，如有哪位大神晓得，给下留言，让晚生学习一下，不胜感激！
因此，便产生了如下问题，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。
当我只是解决了这个问题，仍然不知道为什么在火狐下这样就能解决，如有哪位大神晓得，给下留言，让晚生学习一下，不胜感激！
