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

イベントをバインドします。