[英]Event listener not responding - Javascript
我正在尝试用纯JavaScript编写测验,以从数组中加载新问题并在用户单击下一步时填充表格。 我遇到的一个看似简单的问题是,当用户单击下一步按钮时,无法使事件侦听器正常工作。 在JSFiddle上,它可以工作,但对我而言不起作用,我也不知道为什么。 就像测试一样,我会警告是否按下了按钮。 我还测试了多种不同的方法,以检查文档是否已加载,然后再执行无济于事。
HTML
<body>
<table class="center">
<tr>
<th id='question' colspan="2">question</th>
<td colspan="2"></td>
</tr>
<tr>
<td id="answer0">Choice 1</td>
<td><input id="radio0" type="radio" name=que_1 value="1" required/></td>
</tr>
<tr>
<td id="answer1">choice 2</td>
<td><input id="radio01" type="radio" name=que_1 value="1"/></td>
</tr>
<tr>
<td id="answer2">choice 3</td>
<td><input id="radio02" type="radio" name=que_1 value="1"/></td>
</tr>
<tr>
<td id="answer3">choice 4</td>
<td><input id="radio03" type="radio" name=que_1 value="1"/></td>
</tr>
</table>
<div>
<input type="button" id="next" value='Next'>
</div>
</body>
Javscript
document.getElementById("next").addEventListener("click", function() {
alert("works");
});
在此先感谢您。
确保在加载DOM之后绑定事件处理程序:
window.addEventListener('load', function() {
document.getElementById("next").addEventListener("click", function() {
alert("works");
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.