修改一个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