事件监听器没有响应 - Javascript

时间:2015-01-27 17:29:03

标签: 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");
});

先谢谢你。

1 个答案:

答案 0 :(得分:1)

确保在加载DOM后绑定事件处理程序:

window.addEventListener('load', function() {
    document.getElementById("next").addEventListener("click", function() {
        alert("works");
    });
});