Посмотрите на два следующих примера:
function myFunction() {
alert("The form was submitted");
}
<form onsubmit="myFunction()">
Enter name: <input type="text">
<input type="submit">
</form>
function myFunction() {
alert("The form was submitted");
}
<div onchange="myFunction()">
Enter name: <input type="text">
</div>
Как видите, основное различие между двумя фрагментами кода заключается в кнопке подтверждения, которая существует в первом фрагменте, но отсутствует во втором.
Это не может быть единственной причиной (кнопка отправки) предпочитать использование «onsubmit», а не события «onchange».Я имею в виду, элемент формы предоставляет встроенные функции проверки формы, которые делают его очень мощным инструментом для обработки пользовательского ввода.Есть ли какая-либо причина предпочитать использование элемента div (с атрибутом onchange) над элементом формы (с атрибутом onsubmit).
Несколько примеров использования в реальном мире помогут мне построить твердое иинтуитивное понимание.