javascript - Console.log 只显示一次结果,并且 addEventListener 时按钮不起作用
问题描述
我知道这是一个基本问题,但我不知道如何解决它!
在我的部分代码中,我有如下相同的代码块;该部分工作正常,但对于这部分我得到一个错误!
console.log
只是第一次显示结果!
const bt = document.createElement('button');
bt.innerHTML = "CLICK HERE";
document.querySelector('#dv').append(bt);
bt.addEventListener('click', console.log('clicked'));
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script src="test.js" defer></script>
</head>
<body>
<div id="dv"></div>
</body>
</html>
解决方案
您需要将事件回调代码包装在函数示例中
const bt = document.createElement('button');
bt.innerHTML = "CLICK HERE";
document.querySelector('#dv').append(bt);
bt.addEventListener('click', () => console.log('clicked'));
推荐阅读
- javascript - 如何修复 Next.js 中 _app.js 中包含的 Sonarqube“重命名此文件”代码异味?
- curl - Bitbucket Server API,从组中删除用户
- html - 如何修复本网站的栏目?
- r - 光栅分析问题(斜率和循环)
- forms - 关闭弹出按钮
- python-sphinx - 由于缺少标题(在索引中),无法建立文档链接
- javascript - 删除 JS 中的元素
- visual-studio-2019 - 全新安装 VS Enterprise 2019 缺少 AspNetCore 和 Azure 包
- c - CS50 第 4 周过滤器和“void vs pointers”
- azure - Azure 策略的替代方案