JQuery没有在.blur（）中执行已定义的函数

Question

我对JQuery和Javascript一般都很陌生，我正在为学校做一个项目。 虽然我可以在不定义任何功能的情况下完成所有工作，但我希望减少冗余代码。

这是我正在尝试做的一些事情：

function firstNameChanged() {
    var x = document.getElementById("firstName").value;

    if (x == null || x == "") {
        $("#firstNameError").html(" First name can't be blank!");
    }
    else {
        $("#firstNameError").html("");
    }
}

$(document).ready(function(){   

$("#firstName").blur(firstNameChange());
}

是的，我肯定所有的ID都存在，因为代码在我传递给它时起作用：

$("#firstName").blur(function(){
    var x = document.getElementById("firstName").value;

    if (x == null || x == "") {
        $("#firstNameError").html(" First name can't be blank!");
    }
    else {
        $("#firstNameError").html("");
    }
})

我查了大量关于Javascript和JQuery语法的文档，在Chrome中调试过，我无法弄明白。

Answer 1

blur期望函数引用作为参数。 firstNameChange()立即调用该函数。 删除()

$("#firstName").blur(firstNameChange);