第二次调用时返回null的addEventListener

问题描述：

我试图创建一个点击后发生的事件，确实如此这般。我曾经这样做过成功，但第二次失败了。这里是我的代码：第二次调用时返回null的addEventListener

//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的调试程序的错误是：

你可以在你的问题本身发布错误吗？ – gurvinder372

听起来像你的选择器不工作。你确定第二个选择器是一个id而不是一个类吗？ –

请检查您的HTML ..或在这里发布提琴... –

答

有人向我指出，也许事件的DOM之前启动加载的，所以我使用的窗口.onload = function（），以确保在我尝试触摸任何东西之前加载的所有内容。这工作！

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

第二次调用时返回null的addEventListener

相关推荐