keydown事件不正确触发使用jQuery触发

Question

请考虑下面的代码：

<input name="TextBox1" type="text" value="1111111111" id="TextBox1" /> 
<br /> 
<input name="TextBox2" type="text" value="222222222" id="TextBox2" /> 
<br /> 
<input name="TextBox3" type="text" value="3333333333" id="TextBox3" /> 
<br /> 
<input name="TextBox4" type="text" value="4444444444" id="TextBox4" /> 
<br /> 
<select name="DropDownList1" id="DropDownList1"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
</select> 
<br /> 
<input id="CheckBox1" type="checkbox" name="CheckBox1" /> 
<label for="CheckBox1">nima</label> 
<br /> 
<input id="Button1" type="button" value="button" /> 

和javascript：

$(document).ready(function() { 
     $("#Button1").click(function() { 
      var e = jQuery.Event("keydown"); 
      e.which = 9; // # Some key code value 
      e.keyCode = 9; 
      $("#TextBox1").trigger(e); 
     }); 

     $("#TextBox1").on("keydown", function (e) { 
      alert(e.keyCode); 
     }); 
    }); 

当我按下TAB上TextBox1问题是我得到的消息“9 “为keyCode和Textbox2得到重点。但是当我按Button1时，我得到讯息“9”为keyCode，但Textbox2未获得重点。我的错误在哪里？ 感谢

Live Demo

Answer 1

的错误是，你没有实际处理TAB按自己的浏览器。按TAB，同时一个互动元素具有焦点会通知浏览器您希望将焦点移到行中的下一个元素（基于tabIndex）。

此处的按钮实际上不是按下TAB键，而是将选项卡事件传递给input元素。

如果你想有这样的动作模糊#TextBox1元素和重点#TextBox2元素，你可以使用jQuery的blur()和focus()功能：

$("#TextBox1").on("keydown", function (e) { 
    if (e.which === 9) { 
     $(this).blur(); 
     $('#TextBox2').focus(); 
    } 
}); 

JSFiddle demo。