onsubmit使得使用innerHTML打印的文本消失

Question

submit.form.onsubmit = function print() { 
    div.innerHTML = sum; 
} 

因此，当我点击按钮提交时，我在div上写出了一些内容;然而，一切似乎都会立即消失。为什么是这样，是否有解决这个问题的快速解决方案？

Answer 1

表单正在提交，所以页面正在重新加载。最简单的方法是：

submit.form.onsubmit = function() { 
    div.innerHTML = sum; 
    return false; 
} 

但是，这可以防止窗体实际提交，这是您可能想要执行的操作。也许你可以在更新前端的div时使用ajax提交表单。

可选地（且优选地）的使用：

submit.form.addEventListener('submit', function (e) { 
    div.innerHTML = sum; 
    e.preventDefault(); 
}); 

到事件绑定。