javascript 简单按钮侦听器出错

e5nszbig 于 2022-10-30 发布在 Java

关注(0)|答案(1)|浏览(172)

我已经很长时间没有做任何开发了，我想从头开始一个项目，把我的树莓派变成一个Spotify遥控器。我有一个使用最新树莓派操作系统的pi 4。我已经安装了apache，并进入了我的网页。我看到我的按钮显示，但似乎看不到任何日志，当我按下按钮。我不知道是我的chrome设置或我的代码。有什么见解吗？

<!DOCTYPE html>
<html>
  <head>
    <title>Spotify Web Playback SDK Quick Start</title>
  </head>
  <body>
    <h1>Spotify Web Playback SDK Quick Start</h1>
    <button id="togglePlay">Toggle Play</button>
    <script>
        document.getElementById('togglePlay').addEventListener('click', console.log('pressed'));
    </script>
  </body>
</html>

我已经更改了chrome控制台的设置，启用了“Log XMLHttpRequests”，“Show timestamps”和“Preserve log upon navigation”。当页面加载时，我在日志中看到了“togglePlay Pressed”，但当我实际按下时，在chrome控制台中看不到按钮按下。我不希望仅通过加载页面就运行该功能，也不希望有人能帮助初学者吗？

content-scripts.js:1 INS: content-ads.js loaded:  http://192.168.1.80/
12:42:29.561 Navigated to http://192.168.1.80/
12:42:29.572 content-scripts.js:1 TSS: content-tss.js loaded:  http://192.168.1.80/
12:42:29.573 content-scripts.js:1 INS: content-blocked-items.js loaded:  http://192.168.1.80/
12:42:29.579 (index):10 togglePlay Pressed
12:42:29.581 content-scripts.js:1 CONTENT_SHELL: Page allowed. Skipping shell injection blocks
12:42:29.581 content-scripts.js:1 GET TAB ID RESPONSE:  {tabId: 558604399}
12:42:29.583 content-scripts.js:1 TSS: excluded result:  {excluded: true}
12:42:29.584 content-scripts.js:1 TSS: Excluding content tss (trigger: send-mesage)

JavaScript

来源：https://stackoverflow.com/questions/74247970/simple-button-listener-gone-wrong

1条答案

按热度按时间

ycl3bljg1#

编写事件侦听器的正确方法-

<script>
    document.getElementById('togglePlay').addEventListener('click', () => {
       console.log('Your Message');
    });
</script>

赞(0）回复(0）举报 2022-10-30

我来回答

javascript 简单按钮侦听器出错

1条答案

相关问题

热门标签

最新问答