JavaScriptが他の機能を理由なしに呼び出す

Question

ボタンにイベントをアタッチしたいと思います。ユーザーがクリックすると、アラートが表示されます。しかし、ここでは、ユーザーがクリックしなくても、警告が表示されます。

JSファイル：3

var init = function (m) { 
     _m = m; 
     var actionButton = document.getElementById("action"); 
     if (actionButton) { 
      var buttonId = "action"; 
      if (actionButton.attachEvent) {     
       actionButton.attachEvent("onclick", _onActionClick); 
      } 
     } 

var _onActionClick = function(){ 
     alert("3"); 
} 

誰かが、私をさせることができます。ここ

var init = function (m) { 
     _m = m; 
     var actionButton = document.getElementById("action"); 
     if (actionButton) { 
      var buttonId = "action"; 
      if (actionButton.attachEvent) {     
       actionButton.attachEvent("onclick", _onActionClick(buttonId)); 
      } 
     } 

var _onActionClick = function (buttonId) { 
     alert("3"); 
} 

は、私はこのコードで、私は警告を取得しない、警告3.

取得しかし、どこが間違っているのか知っていますか？

Answer 1

onclickには機能が必要です。あなたはundefined

// no good! 
actionButton.attachEvent("onclick", _onActionClick(buttonId)); 

実際の機能

actionButton.attachEvent("onclick", function(event) { 
    _onActionClick(buttonId) 
}) 

---

またはあなたの場合は、カリー化形式で_onActionClick

var _onActionClick = function(buttonId) { 
    return function(event) { 
    console.log(buttonId, event) 
    } 
} 

// now when you call _onActionClick(buttonId) it will return a function ... 
actionButton.attachEvent("onclick", _onActionClick("action"))