页面重新加载按钮点击事件触发

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