jquery - jquery keyup 上的多个类

Question

我有一个函数，想要在 keyup 上为 textfields 的 2 个不同 class 执行。当仅将一个类分配给 keyup 时，下面的代码可以很好地工作，但是当我添加第二个 class 时，它可以工作，但有很多滞后。任何一个 class 本身都可以正常工作，因此我假设我不正确地将第二个 class 添加到事件处理程序中。代码是:

$(document).ready(function(){

    $(".class1").each(function() {

        //!!!!!!! .class2 here adds lag !!!!!!!!!!
        $('.class1,.class2').keyup(function(){
            myFunction1();

        });
    });

    $(".class2").each(function() {

        $(this).keyup(function(){
            myFunction2();
        });

    });
});

Answer 1

看来您连接了太多事件 - 因此出现了滞后。您也不需要 .each，它用于迭代每个元素。尝试按如下方式简化:

$(document).ready(function(){

    $('.class1,.class2').keyup(function(){
        myFunction1();
        if ($(this).hasClass('class2')) {
            myFunction2();
        }
    });
});