javascript - 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()
。我预计当用户点击按钮提交时,页面会提示“好”。但是,一旦我加载页面,“好”就已经出现了,而无需单击按钮。
结果页面
为什么会这样?
解决方案
更改此行:
document.getElementById("sub").addEventListener("click", testing());
至
document.getElementById("sub").addEventListener("click", testing);
推荐阅读
- amazon-web-services - 如何在远程磁盘上存储rabbitmq RABBITMQ_MNESIA_DIR
- ruby-on-rails - Rails:image_tag 不附加图像最后更改的时间戳(在加载页面时强制刷新而不是缓存)
- ios - 转换不适用于嵌套在 List 中的 ForEach 以及来自 Core Data 的数据
- jquery - 使用 jquery each 传输链接并将其分配给新元素
- web - IIS 仅在指定时重定向到子文件夹
- c# - 行间WPF C#文本
- google-play-console - 在 Google Play 控制台中从审核中删除版本
- sql - 使用 EXISTS、ALL、ANY 的 SQL 语句出现问题
- android - 在 recyclerview 项目之间添加自定义但特定的布局项目装饰
- database - 由于缺少 libomsodm.so,Oracle Instant Client SQL*Loader 工具无法启动