Tabキーを押したときにkeydownでjQuery関数を実行する方法を停止する方法

Question

jQueryを初めて使用していて、これに対する解決策を見つけることができませんでした。

<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の

私はこのHTMLを持っていますコンテンツはクリアされます。これは良いですが、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。