javascript - `.click(handler())` と `.click(handler)` の違い

Question

次のコードがあります。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
    <script type="text/javascript" src="jquery-1.4.2.min.js" ></script>
    <script type="text/javascript">
    function myFun()
    {
        alert(5)
    }
        $(document).ready(function(){
            $("#myID").click(myFun());
        })
    </script>
 </head>

 <body>
  <input type="button" value="Click it" id="myID" />
 </body>
</html>

このコードを実行するとalert(5)、ページが読み込まれるときに来ます。私が書いたら

$("#myID").click(myFun)

ボタンをクリックしたときにのみアラートが表示されます。なぜこのように振る舞うのですか？

score 10 · Accepted Answer

$("#myID").click(myFun());

これはmyFun()、イベントハンドラーとして返されるものを呼び出してインストールしようとします。何も返さないため、実際にはのクリックをトリガー#myIDしています。

score 3 · Accepted Answer

この.click()を読んでください- イベントハンドラーをclickJavaScript イベントにバインドするか、JavaScript を使用して要素でそのイベントをトリガーします。

コードを記述すると、(クリックイベントが発生したときではなく)関数がすぐに呼び出されるため、$("#myID").click(myFun);の代わりに記述する必要があります。$("#myID").click(myFun());myFun()#myID

ワーキングデモ

score 2 · Accepted Answer

クリックイベントで関数を実行するには、これを試してください。

function myFun(){
    alert(5);
}

$(document).ready(function(){
    $("#myID").click(function(){
        myFun();
    });
})

score 2 · Accepted Answer

これを試して：

これはうまくいきます

$(document).ready(function() {
    function myFun() {
        alert(5)
    }
            $("#myID").click(function(){
            myFun();
            });
});

javascript - `.click(handler())` と `.click(handler)` の違い

4 に答える 4

ワーキングデモ

Related

Reference