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，它也能正常工作。即使变量甚至没有存储在表单字段中，当我输入submit时，每个变量都变为null。

Answer 1

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

假设您有form，则可以

submit.form.onsubmit = ...

Answer 2

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

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

2 个答案: