[英]Console.log show result only once and the button don't work when 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>
您需要将事件回调代码包装在 function 示例中
const bt = document.createElement('button'); bt.innerHTML = "CLICK HERE"; document.querySelector('#dv').append(bt); bt.addEventListener('click', () => console.log('clicked'));
您正在立即执行它。 在添加事件监听器时创建一个 function。
const bt = document.createElement('button'); bt.innerHTML = "CLICK HERE"; document.querySelector('#dv').append(bt); bt.addEventListener('click', function() { console.log('clicked') });
<!DOCTYPE html> <html> <head> <title>test</title> </head> <body> <div id="dv"></div> </body> </html>
您需要使用 addEventListener 附加点击事件，如下所示。
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> </head> <body> <div id="dv"></div> </body> </html>
为什么在console.log应该只登录一次的情况下多次登录
[英]Why console.log is logged more than once when It should have logged only once
为什么 console.log 不使用 VS Code 在控制台中显示结果？
[英]Why doesn't console.log show the result in the console using VS Code?
我不明白这个 JavaScript 示例的结果：console.log(array1.copyWithin(1, 3));
[英]I don't understand the result of this JavaScript example :console.log(array1.copyWithin(1, 3));
Console.log和document.addEventListener无法正常工作
[英]Console.log and document.addEventListener is not working
使用react和Express.js获取API响应不会通过console.log显示任何结果
[英]Fetch API response with react and Express.js won't show any result with console.log
<button>单击按钮时，如何在 console.log 中显示特定文本？</button>
[英]How do I make a <button> show a specific text in console.log when I click on the button?
一旦Promise完成，为什么console.log是唯一的输出示例？
[英]Once a Promise is completed why is console.log the only output example?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.