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);