addEventListener 在第二次调用时返回 null

Question

我正在尝试创建一个事件，点击后会执行这样那样的操作。我已经成功地这样做了一次，但第二次失败了。这是我的代码：

 //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 的调试器中遇到的错误是：

Answer 1

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

不知道为什么第一个事件有效，但第二个事件无效。很奇怪。

addEventListener 在第二次调用时返回 null

addEventListener returning null on second invocation

javascript

addeventlistener

dom-events