我正在开发一个浏览器扩展,用户可以在弹出窗口中点击其中一个按钮。我的代码存储在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
传递了一个执行函数。你正在做的是传递执行的返回