Huy*_*yen 1 javascript dom-events
我知道这是一个基本问题,但我不知道如何解决它!
在我的部分代码中,我有与下面相同的代码块;该部分工作正常,但对于这一部分,我遇到了错误!
console.log 仅第一次显示结果!
const bt = document.createElement('button');
bt.innerHTML = "CLICK HERE";
document.querySelector('#dv').append(bt);
bt.addEventListener('click', console.log('clicked'));
Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script src="test.js" defer></script>
</head>
<body>
<div id="dv"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
您需要将事件回调代码包装在函数示例中
const bt = document.createElement('button');
bt.innerHTML = "CLICK HERE";
document.querySelector('#dv').append(bt);
bt.addEventListener('click', () => console.log('clicked'));Run Code Online (Sandbox Code Playgroud)