我正在开发一个浏览器扩展，用户可以在其中单击弹出窗口中的许多按钮之一。我的代码存储在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'的按钮时执行？
最佳答案
document.getElementById("green").addEventListener("click", function(){alert("Test")})
您已将要执行的功能传递给
addEventListener。您正在做的是传递执行的返回关于javascript - 单击扩展程序图标(而非弹出按钮)时触发事件监听器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55155602/