javascript - 检测一个jsp中具有两个元素Id的输入事件

Question

为什么警报只显示在最后一个事件上？我的目标是让所有输入事件都有效。谢谢。

这是我的代码:

$(document).off('keyup').on('keyup','#main',function(e){
    if(e.keyCode == 13) alert("enter on main input");
    });

    $(document).off('keyup').on('keyup','#other1',function(e){
    if(e.keyCode == 13) alert("enter on other input");
    });

看到这个FIDDLE用于演示

Answer 1

您在添加 keyup 处理程序后立即将其删除。实际上，这就是您现在正在做的事情......

$(document).off('keyup');

$(document).on('keyup','#main',function(e){
    if(e.keyCode == 13) alert("enter on main input");
});

$(document).off('keyup');  // this removes the event handler you just created

$(document).on('keyup','#other1',function(e){
    if(e.keyCode == 13) alert("enter on other input");
});

拆分代码，以便更清楚发生了什么，就像这样......

$(document).off('keyup');

$(document).on('keyup','#main',function(e){
    if(e.keyCode == 13) alert("enter on main input");
});

$(document).on('keyup','#other1',function(e){
    if(e.keyCode == 13) alert("enter on other input");
});

或者你可以像这样链接整个事情......

$(document)
    .off('keyup');
    .on('keyup','#main',function(e){
        if(e.keyCode == 13) alert("enter on main input");
    });
    .on('keyup','#other1',function(e){
        if(e.keyCode == 13) alert("enter on other input");
    });

这样做的优点是只需为文档创建一次 jQuery 对象，而不是像上面那样创建 3 次。