修改一個onkeyup事件忽略Tab鍵

Question

$(document).ready(function() { 
$("#textboxA").keyup(function() { 
var message; 
message ="Currently Textbox A in use"; 
$("#error").slideDown("fast"); 
document.getElementById('error').innerHTML=message; 

}); 

$("#textboxB").keyup(function() { 
var message; 
message ="Currently Textbox B in use"; 
$("#error").slideDown("fast"); 
document.getElementById('error').innerHTML=message; 

});  

}); 

在我上面的代碼中，無論何時我按Tab鍵從我的文本框移動到textboxB，jquery函數觸發並顯示消息。如何防止呢？

Fiddle setup here

Answer 1

檢查以確保Tab鍵沒有按下。

$(document).ready(function() { 
    $("#textboxA").keyup(function (e) { 
     if(e.keyCode != 9){ 
      var message; 
      message ="Currently Textbox A in use"; 
      $("#error").slideDown("fast"); 
      document.getElementById('error').innerHTML=message; 

      }); 

     $("#textboxB").keyup(function (e) { 
      if(e.keyCode != 9){ 
      var message; 
      message ="Currently Textbox B in use"; 
      $("#error").slideDown("fast"); 
      document.getElementById('error').innerHTML=message; 

      }); 
      } 

     } 
}); 

Answer 2

的標籤keyCode。如果它不是tab鍵簡單的檢查，然後execute.Here是代碼

$(document).ready(function() { 
    $("#textboxA").keyup(function (e) { 
     var message; 
     message = "Currently Textbox A in use"; 
     if (e.keyCode != 9) { 
      $("#error").slideDown("fast"); 
      document.getElementById('error').innerHTML = message; 
     } 
    }); 

    $("#textboxB").keyup(function (e) { 
     var message; 
     message = "Currently Textbox B in use"; 
     if (e.keyCode != 9) { 
      $("#error").slideDown("fast"); 
      document.getElementById('error').innerHTML = message; 
     } 
    }); 

}); 

這裏是demo