css:
.hideContent { position: absolute; left: -9999px;height: 1px; width: 1px; overflow:hidden; }
html:
<input value="*" onfocus="document.getElementById('1').focus();" />
<input class="hideContent" value="0" onfocus="document.getElementById('3').focus();" />
<div id="1" tabindex="-1">
<div id="2" tabindex="-1">
<input value="111" />
<input value="222" />
</div>
<input id="3" value="333" />
</div>
<input class="hideContent" value="0" onfocus="document.getElementById('2').focus();" />
<input value="*" />