我需要在选择特定内容时显示隐藏(使用箭头键),然后使用TAB键按下下一个元素。
我尝试了很多组合,包括'显示'on key down = 9并分别将元素集中在按键上。
无论我做什么,节目,但焦点移动到按钮。如果我使用TAB循环遍历所有页面元素,最终它会聚焦但不会第一次聚焦。
代码:
<HTML><HEAD>
<SCRIPT SRC="js/jquery-2.0.3.min.js">
$( document ).ready(function() {
});
</SCRIPT>
</HEAD><BODY>
<FORM>
<SELECT ID='in1'>
<OPTION VALUE='green'>Green
<OPTION VALUE='blue'>Blue
<OPTION VALUE='red'>Red
<OPTION VALUE='Other'>Other
</SELECT>
<INPUT TYPE='text' ID='in2' STYLE='display:none;'>
<INPUT TYPE='submit'>
</FORM>
<SCRIPT>
$('#in1').keydown(function(e) {
var code = e.keyCode || e.which;
if (code == '9') {
$("#in2").css( "display", "block");
$(':text').focus();
}
});
</SCRIPT>