Почему происходят странные события при сабмите формы?

Question

[gigigi]

Есть простая форма:

<form id="form" onsubmit="return false;">
	<input type="text">
	<input type="submit">
</form>

Потом вешаю в хроме на неё отслеживание событий

monitorEvents( document.getElementById('form') )

Делаю submit формы (просто нажатием на enter в текстовом поле), и вижу следующее:


Всё хорошо, но откуда там событие click?
Нагуглить никаких объяснений не смог.

Дело в том, что я вешаю по onclick на document — preventDefault(), в следствии чего перестаёт работать и submit формы, т.к. там почему-то тоже срабатывает click.
Испытание проводилось на сфеерической форме в вакууме, т.е. ничего дополнительно не мешает, не вешается и т.д.

Answer 1

[Анатолий]

так как у вас уже есть функция которая клик обрабатывает, впишите туда алерт и проверьте правильно ли хром мониторит события, возможно тут его беда.

Comments

[Seldon]

я тоде протестировал для интереса, событие есть нажатия клика по факту нет, ничег олишнего не вешал

[gigigi]

Да, клик начинает обрабатываться и соответственно обрубается по preventDefault(). Пока сделал конечно через костыль — в event при сабмите формы, в клике координаты курсора нулевые передаются, по этому определяю клик это или нет на самом деле, но это как-то не правильно :)

[Анатолий]

Все дело в кнопке =) При нажатии на ентер в текстовом поле, он передает фокус кнопке, пытается ее кликнуть (типа эмуляция сабмита) и так форма сабмитится. Если кнопку убрать, то и клик исчезает. В общем на форме будет при сабмите срабатывать клик всегда, если в ней есть инпут «сабмит».

[Анатолий]

jsfiddle.net/45amM/1/ тут смотрите

[gigigi]

Понятно, спасибо :) очень странное поведение.

[Анатолий]

Не, не странное, человек ниже (Makito) обьяснил почему так происходит. javascript.ru/tutorial/events/intro здесь про это рассказывается очень подробно, а фокус это уже такое дело, помню раньше даже некоторые браузеры не разрешали сабмитить форму по ентеру, если не было ни одного инпута «submit» или «image» =)

Answer 2

[Makito]

дело в том, что по умолчанию, если какое либо поле в форме получает фокус, то «псевдофокус» автоматически ставится на кнопку отправки формы (в ие это отображается как рамка из точек на кнопке), поэтому при клике на enter срабатывает отправка формы, а событие click с кнопки всплывает до form.