錯誤焦點序列在Firefox

Question

躲在keydown事件元素時，我有以下標記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中的一個問題。 重現步驟：關注input1 - >按Tab鍵。 預期行爲：關注input3（Chrome/IE正常工作）。

我不知道testDiv中有多少輸入，也無法手動將input3集中。 如何在Chrome/IE中使其在Firefox中工作？

Answer 1

我找到了解決辦法：

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

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