addEventListener 在第二次调用时返回 null答案

【问题标题】：addEventListener returning null on second invocationaddEventListener 在第二次调用时返回 null
【发布时间】：2023-03-28 19:23:01
【问题描述】：

我正在尝试创建一个在单击时执行某某的事件。我曾经成功过一次，但第二次失败了。这是我的代码：

 //Works
 var runButton = document.getElementById('run-button');
 runButton.addEventListener('click', doWork, false);

 //Doesn't work
 var changBeatButton = document.getElementById('changebeat-button');
 changBeatButton.addEventListener('click', changeBeat, false);

我在 Chrome 的调试器中遇到的错误是：

【问题讨论】：

您可以在问题本身中发布错误吗？
听起来您的选择器不起作用。你确定第二个选择器是一个 id 而不是一个类？
请检查您的 HTML .. 或请在此处发布小提琴...
我不认为有错误。我以与前一个元素相同的方式形成它。这是我的 html 的图片：prntscr.com/a82b0a

标签： javascript dom-events addeventlistener

【解决方案1】：

有人向我指出，也许事件是在 DOM 加载之前启动的，因此我使用 window.onload=function() 来确保在我尝试触摸任何东西之前加载所有内容。这行得通！

不知道为什么第一个事件会起作用，但第二个不会。很奇怪。

【讨论】：