如何停止在按下Tab键时在keydown上运行的jQuery函数

Question

我是jQuery的新手，一直未能找到解决方案。

我有这样的HTML：

<input type="text" id="Box1" /><br /> 
<input type="text" id="Box2" /> 

和jQuery：

$("#Box1").keydown(function() { 
    $("#Box2").val(""); 
}); 
$("#Box2").keydown(function() { 
    $("#Box1").val(""); 
}); 

这里举例：http://jsfiddle.net/tv4my/

当你键入 “BOX1” 然后开始键入 “BOX2”，BOX1的内容被清除。这很好，但是如果按下Tab键，我不希望这个函数运行，也就是说，如果我按Box2中的Tab键，我不想让Box1被清除。我如何在jQuery中编写这个？

Answer 1

你需要检查用于启动该事件的关键：

$("#Box1").keydown(function (e) { 
    // If the pressed key is not tab (9) then reset Box2 
    if(e.keyCode !== 9){ 
     $("#Box2").val(""); 
    } 
}); 
$("#Box2").keydown(function (e) { 
    // If the pressed key is not tab (9) then reset Box1 
    if(e.keyCode !== 9){ 
     $("#Box1").val(""); 
    } 
}); 

Answer 2

使用e.preventDefault()该键，当点击：

$("input").keydown(function(e){ 
    if(e.keyCode == "9"){ 
     e.preventDefault(); 
    } 
}); 

检查的jsfiddle here。