3.1. Как происходят события*
В первом случае пользователь выполняет определенные операции на веб -странице, такие как нажатие кнопки, чтобы сгенерировать событие Click. Во втором случае, если пользователь не работал на веб -странице, может также произойти событие. Например, браузер загрузил всю страницу, которая генерирует событие завершения загрузки. После того, как событие будет сгенерировано, браузер будет искать, связал ли узел, который сгенерировал событие соответствующий код обработки событий. Если это так, код вызывается для его обработки. Если нет, родительский узел будет продолжать искать вверх, и нет соответствующего кода обработки событий (пузырьки событий).
3.2. Код обработки событий привязки **
1) Свяжите код обработки событий с тегом HTML
Например: <a id = "a1" href = "" onclick = "f1 ();"> Нажмите </a>
2) Свяжите код обработки событий с узлом DOM
var obj = document.getElementbyId ('a1'); obj.onclick = f1;
Уведомление:
а Не добавляйте "()" в F1. Добавление "()" означает, что F1 выполняется немедленно.
беременный Можно использовать привязку анонимной функции строки.
То есть: obj.onclick = function () {// code. }
в Код обработки событий привязки с узлом DOM может полностью отделить код JS без HTML, что удобно для обслуживания кода.
дюймовый Если вы хотите передать параметры в связанную функцию. Анонимные функции могут быть решены.
То есть: obj.onclick = function () {f (параметр); }
3) Используйте собственный метод привязки браузера (понять)
У разных браузеров есть свои уникальные методы связывания, и, поскольку они несовместимы, старайтесь использовать их как можно меньше.
Сценарии сценариев можно записано в <body>
Эквивалент следующего рисунка
Что, если параметры проходят? Используйте анонимные функции
[Случай 3.1] Код обработки событий привязки к Top HTML TAG **
3.3. Объект события ***
1) Получить объект события
Т.е. браузер: вы можете напрямую использовать событие для получения
Firefox: вы должны добавить событие параметра в метод
Как правило, чтобы быть совместимым с IE и Firefox, добавьте в метод событие параметра.
2) Роль объектов события
а Получить координаты щелчка мыши
Event.Clientx Event.Clienty
беременный Получить источник события (объект, который сгенерировал событие)
Firefox: Event.Target получает IE Browser: Event.srcelement получает
3.4. Пузырь для событий **
1) Что такое пузырь событий? Когда событие генерируется узлом, событие будет загружено вверх по очереди (сначала в родительский узел, если родительский узел имеет родительский узел, то загрузите его вверх).
2) Как запретить пузырьки? event.cancelbubble = true;
2) Феномен «Пузырька события» закрывает диалоговое окно «Нажав на ссылку», и продолжает всплывать диалоговое окно «Вы нажали на Div»
【Случай 3.4】 Объект события **
<html>
<!-Объект события->
----------------------------------------------------------------------------------------------------------------------------
JS использует события, управляемые событиями, чтобы ответить на операции пользователей.
Например, операция, выполненная в окне браузера или элементе веб -страницы (кнопка, текстовое поле ...) через мышь или клавишу, называется событием (событие).
Действия серии программ, вызванных мышью или горячими классами, называются драйвером для событий.
Обработчик или функция используется для обработки событий, которые мы называем обработчиком событий (обработчик событий).
----------------------------------------------------------------------------------------------------------------------------
Обработка совместимости браузера
<script language = "javascript"> <!- if (window.xmlhttprequest) {// mozilla, safari, ie7, ie8 if (! windocebobject) {// mozilla, safari, alert ('mozilla, safari'); } else {alert ('ie7 .8'); }} else {alert ('ie6'); } //-> </script>-------------------------------------------------------------------------------продолжение следует
Событие требует нескольких методов, вы можете использовать его и разделить его.
<input type = "button" value = "red" onclick = "mychange (this), sayhello ()"/>
<body onkeydown = "showkey (event)" onload = "abc ()" onunload = "abc2 ()">
Приведенная выше статья о методе совместимости браузера механизма, управляемого событиями JS, является всем контентом, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.