事件侦听器触发扩展图标单击,而不是弹出按钮

问题描述 投票:1回答:1

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

javascript html google-chrome browser-extension
1个回答
1
投票
document.getElementById("green").addEventListener("click", function(){alert("Test")})

你已经向addEventListener传递了一个执行函数。你正在做的是传递执行的返回

© www.soinside.com 2019 - 2024. All rights reserved.