在Firefox中的keydown事件上隐藏元素时，焦点序列错误

Question

我有以下标记http://jsfiddle.net/tpveo23c/1/：

var onKeydown = function() {
  document.getElementById('testDiv').style.display = "none";
};

<input type="text" value="1" onkeydown="onKeydown();" />
<div id="testDiv" style="width:300px; height:50px; border:1px solid black">
  <input type="text" value="2" />
  <input type="text" value="2" />
</div>
<input type="text" value="3" />

在Firefox中关注Tab是一个问题。 重现的步骤：专注于input1 - ＆gt;按选项卡。 预期行为：关注input3（Chrome / IE正常工作）。

我不知道testDiv中有多少输入，也无法手动聚焦input3。 如何在Firefox / IE中使其在Firefox中运行？

Answer 1

我找到了解决方案：

＆＃13;

＆＃13;

var onKeydown = function() {
  document.getElementById('testDiv').style.display = "none";
  var width = document.getElementById('testDiv').offsetWidth;
};

＆＃13;

＆＃13;

＆＃13;

https://jsfiddle.net/tpveo23c/2/