首页 > 解决方案 > addEventListener 函数在开始时工作而不会被触发

问题描述

所以这里是我的 HTML 代码:

document.getElementById("sub").addEventListener("click", testing());
function testing() {
 document.getElementById("demo").innerHTML ="good"; 
}
<input type="submit" value="Place Order" id="sub"/>
    </fieldset> </form>
    <p id="demo"></p>
    <script type="text/javascript" src="Q4.js"></script>

我在其中声明了一个按钮来提交表单。我向提交按钮添加了一个事件来运行该功能testing()。我预计当用户点击按钮提交时,页面会提示“好”。但是,一旦我加载页面,“好”就已经出现了,而无需单击按钮。 结果页面

为什么会这样?

标签: javascripthtmldom

解决方案


更改此行:

document.getElementById("sub").addEventListener("click", testing());

document.getElementById("sub").addEventListener("click", testing);

推荐阅读