Question

我正在开发一个浏览器扩展，用户可以在其中单击弹出窗口中的许多按钮之一。我的代码存储在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'的按钮时执行？

Answer 1

document.getElementById("green").addEventListener("click", function(){alert("Test")})

您已将要执行的功能传递给addEventListener。您正在做的是传递执行返回

单击扩展程序图标（而非弹出按钮）时触发事件监听器

1 个答案: