javascript - 当我使用 onsubmit 而不是 onclick 时，Javascript 代码不起作用

Question

var submit = document.getElementById('submit'),
    div = document.getElementById('div');

div.onmouseover = function sum() {
    value1 = document.getElementById('form').value;
    value1 = document.getElementById('form2').value;

    sum = value1 + value2;
}

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

由于某种原因，代码不起作用；但是，如果我将最后一个替换为

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

onclick而不是onsubmit，它工作得很好，即使sum是在我按下提交之前在外面计算的。就好像每个变量null在我输入提交时都变成了即使变量甚至没有存储在表单字段中。

Answer 1

事件onsubmit处理程序必须附加到form元素，而不是input元素。

假设你有一个form，你可以做

submit.form.onsubmit = ...

Answer 2

该onsubmit事件在表单元素上触发，而不是在按钮上触发。尝试将onsubmit处理程序移至表单