事件监听器在扩展图标点击时触发，而不是弹出按钮
[英]Event listener triggers on extension icon click, not popup button
问题描述
我正在开发一个浏览器扩展，用户可以在其中单击弹出窗口中的许多按钮之一。 我的代码存储在 popup.js 中。 以下代码应该仅在您单击 id="green" 的按钮时执行。 相反，它会在您第一次单击扩展程序图标时执行。
<!DOCTYPE html> <html> <head> <style> button { height: 20px; width: 100px; outline: none; } </style> </head> <body> <button id="oolong">Oolong</button> <button id="green">Green</button> <button id="purerh">PurErh</button> <button id="Black">Black</button> <span id="audio"></span> <script src="popup.js"></script> </body> </html>
document.getElementById("green").addEventListener("click", alert("Test"))
我需要做什么才能让它只在点击带有 id='green' 的按钮时执行？
1 个解决方案
解决方案1
1 2019-03-14 07:08:17
document.getElementById("green").addEventListener("click", function(){alert("Test")})
您必须向addEventListener传递一个要执行的函数。 您正在做的是传递执行的返回
单击触发它创建的事件侦听器
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.