修改 onkeyup 事件以忽略 Tab 键按下

Modifying a onkeyup event to ignore Tab keypress

本文关键字：Tab onkeyup 事件 修改      更新时间：2023-09-26
$(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 键从文本框 A 移动到文本框 B 时，jquery 函数都会触发并显示消息。如何预防？

小提琴设置在这里

检查以确保未按下 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;
             });  
             }
       }
});

简单检查选项卡keyCode .如果不是 Tab 键，则执行。这是代码

$(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;
        }
    });
});

这是演示

相关文章：