Свойство form.onsubmit=null но работает, ....почему?

Question

[Дмитрий]

Есть примитивная форма с id=form_email имеющая 1 текстовое поле для почты и 1 кнопку типа "submit"
на форму вешаю обработчик validForm для проверки корректности почтового адреса.

var form_email = document.querySelector('#form_email');
form_email.addEventListener("submit", validForm);
console.log(form_email.onsubmit);

Любые попытки вывести в консоль саму форму со всеми свойствами или конкретно form_email.onsubmit из верха или вложенной функции стабильно выводят null, но обработчик исправно работает и все выполняет. Поясните, почему работает или почему null?

Answer 1

[Negwereth]

https://en.wikipedia.org/wiki/DOM_events#DOM_Level_0

https://en.wikipedia.org/wiki/DOM_events#DOM_Level_2

Comments

[Дмитрий]

благодарю за ссылки, но я пока не настолько силен в английском, чтобы понять прям все, что там написано...

[Negwereth]

Дмитрий: вот тут я ничем не помогу. Раз уж занялись программированием, то английский должен быть.

[Дмитрий]

Это я уже и сам понял. может просто в двух словах скажете в чем проблема?

[Negwereth]

form_email.onsubmit - свойство, которому можно присвоить какое угодно значение. Но все сошлись на том, что было бы неплохо там всё-таки функцыию подставлять. И она исполняется при возникновении события submit. Посмотрите любой DOM элемент в инспекторе браузера, там этих on* свойств вагон будет. Соответственно, таким образом можно назначить только один обработчик события для одного элемента.

А addEventListener вообще по другому работает и позволяет навесить сколько угодно обработчиков одного события для одного и того же элемента.

И вот эти вещи никак не пересекаются между собой.

P.S. Учите английский, без него вы далеко не уедете.