gpt4 book ai didi

javascript - 单击扩展图标而不是弹出按钮触发事件监听器

转载 作者:行者123 更新时间:2023-11-30 19:43:36 24 4
gpt4 key购买 nike

我正在开发一个浏览器扩展程序,用户可以在其中单击弹出窗口中的多个按钮之一。我的代码存储在 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com