В этой статье описывается использование модели события JavaScript. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
1. Модель события
Пузырька: события передаются из узлов листьев вдоль узла предка до корневого узла вверх.
Захват: от верхнего элемента дерева DOM до самого точного элемента, противоположного событию пузырьков
Стандартная модель DOM: Стандарт DOM поддерживает как события типа пузырька, так и события типа захвата. Можно сказать, что это комбинация из двух, прежде всего, захвата, а затем пузырькового типа передачи.
2. Объект события
В браузере IE объект события является свойством окна. В стандарте DOM событие должно быть передано функции обработки событий в качестве уникального параметра.
Получить совместимый объект события:
function (event) {// Событие - это функция обработки, передаваемая в виде параметра стандартного события DOM = Event? Event: window.event; }В IE объект события содержится в сфере события, в то время как в стандарте DOM объект содержится в целевом свойстве
Получить элемент, указанный на совместимый объект события:
var target = event.srcelement? Event.srcelement: event.target;
Предпосылка состоит в том, чтобы убедиться, что объект события был правильно получен
3. Слушатель событий
В соответствии с IE зарегистрированный слушатель выполняется в обратном порядке, то есть зарегистрированный слушатель выполняется в первую очередь.
element.attachevent ('onclick', exerver); // Зарегистрируйте element levener.detachevent ('onclick', imserver) // Удалить слушательПервый параметр - это имя события, а второй - функция обработки обратного вызова обработки
В соответствии с стандартом DOM:
element.AddeventListener ('click', exerver, usecapture) element.removeeventlistener ('Щелкни, наблюдатель, usecapture)Первым параметром является имя события, без префикса «on», вторым параметром является функция обработки обратного вызова, а третий параметр указывает, называется ли функция обратного вызова на стадии захвата или на стадии пузырьков. True по умолчанию - это этап захвата
4. Доставка мероприятий
Отменить доставку событий в совместимости браузера
Функция SomeHandler (Event) {Event = Event || window.event; if (event.stoppropagation) // dom standard event.stoppropagation (); else event.cancelbubble = true; // т.е. стандарт}Отменить обработку по умолчанию после доставки событий
Функция SomeHandler (Event) {Event = Event || window.event; if (event.preventdefault) // Стандартное событие DOM. Предотвратить DEFORDEFAULT (); else event.returnvalue = true; // т.е. стандарт}Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.