Неявный клик при работе с label и элементом формы

Бывает и такое, что откуда-то берется лишний клик. Низлежащее — вольная интерпретация происходящего.

По ссылке при клике по тесту генерируется 2 события click, при клике по самому инпуту — одно событие. Нифига не логично с точки зрения нормального человека, и понятный костыль с точки зрения разработчика. При клике на лейбле генерируется событие клик на инпуте, которое всплывает до лейбла, и обработчик клика срабатывает во второй раз. Событие, что было сгенерировано на инпуте не тригерит второй раз клик на инпуте, когда срабатывает на лейбле. Вероятно, в недрах браузера происходит проверка на event.target. Сие безобразие наблюдал в хроме, фаерфоксе, опере, сафари.

Разработчик, бди!

Share
Send
Popular