Обработчики событий как свойства

Во избежание сложностей, связанных с применением строчной техники, события следует регистрировать в коде JavaScript. Используя селекторы JavaScript, мы можем сослаться на элемент HTML и связать с этим элементом желаемый обработчик события, представив его как свойство.

Мы применили эту технику на практике в коде из листинга 4.2. Двум разным элементам были назначены обработчики событий, оформленные как свойства. Обработчик события onload был зарегистрирован для окна с помощью конструкции window. onload, а обработчик события onclick был зарегистрирован для первого элемента <p> в документе с помощью селектора getElementsByTagName в строке кода document. getElementsByTagName(‘p’)[0].onclick.

Названия обработчиков событий составляют добавлением префикса on к названию события. Например, имя обработчика события click — onclick. Говоря об обработчике onclick, мы имеем в виду код, который будет выполнен после того, как произойдет событие click.

Ранее в HTML5 техника реализации обработчиков событий посредством JavaScript-кода была единственной, которую поддерживали все браузеры. Некоторые разработчики браузеров создавали собственные системы, но ни одна из них не получила широкого распространения. А после этого появился новый стандарт. Таким образом, данный прием можно рекомендовать для обеспечения совместимости со старыми браузерами, однако в приложениях HTML5 его применять не следует.