javascript - 尝试添加警告以防止用户在提交之前离开表单。我究竟做错了什么？

我在这里和互联网上浏览了超过5个小时，无法弄清楚自己在做什么错。这可能真的很简单。到目前为止，这是我的代码：

<script type='text/javascript'>//<![CDATA[
window.addEvent('load', function() {
document.getElementsByClassName('submitformlisting')[0].onclick = function(){
window.btn_clicked = true;
};
window.onbeforeunload = function(){
if(!window.btn_clicked){
    return 'If you leave now, your information will be lost.';
}
};
});//]]>

</script>

我的提交按钮如下所示：

<input type="submit" name="submit" id="submitformlisting" class="id="submitformlisting"" value="Add Listing" tabindex="4" onclick="return doSubmit();" />

最佳答案

您在html中弄乱了该类。将class="id="submitformlisting""更改为class="submitformlisting"。

但是您最好使用id而不是类。

更改

document.getElementsByClassName('submitformlisting')[0].onclick = function(){

至

document.getElementById('submitformlisting').onclick = function(){