首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >事件侦听器在单击扩展图标时触发,而不是弹出按钮

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

Stack Overflow用户
提问于 2019-03-14 13:36:45
回答 1查看 167关注 0票数 1

我正在开发一个浏览器扩展,用户可以点击弹出窗口中的一个按钮。我的代码存储在popup.js中。下面的代码应该只在您单击id=为“绿色”的按钮时执行。相反,每当您第一次单击扩展的图标时,它就会执行。

代码语言:javascript
复制
<!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>

代码语言:javascript
复制
document.getElementById("green").addEventListener("click", alert("Test"))

我需要做什么才能让它只在点击id='green‘的按钮时执行?

EN

回答 1

Stack Overflow用户

发布于 2019-03-14 15:08:17

代码语言:javascript
复制
document.getElementById("green").addEventListener("click", function(){alert("Test")})

您必须将要执行的函数传递给addEventListener。您正在做的是传递一个执行的返回

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55155602

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档