onclick 대신 onsubmit을 사용하면 자바 스크립트 코드가 작동하지 않습니다.

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 요소에는 연결해야합니다. 당신을 가정

는 폼 요소가 아닌 버튼을

submit.form.onsubmit = ... 

Answer 2

onsubmit 이벤트가 발생을 할 수하는 form 있습니다. onsubmit 처리기를 양식으로 이동하십시오.