頁面重新加載按鈕點擊事件觸發

Question

我有添加事件到按鈕元素的問題。

問題：

功能應該是在頁面重載事件處理程序便會啓動，當我點擊按鈕。

我希望它只在單擊按鈕時觸發。

這是我的代碼：

index.html文件：

<form id="contact_form"> 
    (Some form fields here) 
    <button id="form_submit" value="send">Send</button> 
</form> 
<script src="contact_form.js"></script> 

contact_form.js文件：

var submit_button = document.getElementById('form_submit'); 

submit_button.addEventListener("click", test_click_event()); 

function test_click_event() 
{ 
    alert("Button clicked"); 
} 

即時通訊使用Chrome調試。

Answer 1

submit_button.addEventListener("click", test_click_event); 

括號不需要

Answer 2

括號（）調用函數執行刪除或使用此：

var submit_button = document.getElementById('form_submit'); 

    submit_button.addEventListener("click", function(){test_click_event();}); 

    function test_click_event() 
    { 
     alert("Button clicked"); 
    } 

Demo