javascript - 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();
});

绑定事件。