1. Оригинальная модель событий
Типы событий: разделены на «Входные события (такие как Onclicki)» и «Семантические события (такие как Onsubmit)»
Регистрация программ событий может быть сделана следующими способами:
1. Код JS как значение свойства HTML
Копия кода выглядит следующим образом: <input type = "button" value = "нажмите мне" onclick = "alert ('спасибо');"
2. Обработчик событий как атрибут JS
Примечание. Каждый элемент HTML в документе имеет соответствующий объект JS в дереве документов. Атрибуты этого объекта JS соответствуют свойствам этого элемента HTML. Будь то код JS HTML Nature или обработчик времени атрибутов JS, его собственные атрибуты - функция «функция».
Скопируйте код следующим образом: <form name = "f1">
<input name = "b1" type = "кнопка" value = "нажмите меня"/>
</form>
Первый метод назначения:
Кода кода выглядит следующим образом: document.f1.b1.onclick = function () {alert ('спасибо');};
Второй метод назначения:
Копия кода следующим образом: function plear () {window.status = "Пожалуйста, нажмите меня!";}
document.f1.bi.onmouseover = pilled;
Обработчики событий как атрибуты JS можно явно вызвать с атрибутами JS
Кода кода выглядит следующим образом: document.myfrom.onsubmit ();
Обработчик событий может вернуть Fale, чтобы не дать браузеру выполнять действия по умолчанию событий, обычно используемые операции, такие как Onsubmit. Исключение
Блокировка события отображения Window.status of Hyperlink Mouseover - это вернуть True. Например:
Скопируйте код следующим образом: <a href = "hold.htm" onmouseover = "window.status = 'help'; return true;"> help </a>
2. Модель события DOM2
Эта модель сформулирована со ссылкой на модель пузырьков IE, которая является спецификацией, сформулированной W3C. В оригинальной модели рукоятка события называется непосредственно после возникновения события, и нет другого процесса распространения событий. В модели DOM2 события имеют специальный процесс распространения, который разделен на три этапа:
(1) Фаза захвата: событие распространяется из документа в целевой элемент. Во время этого процесса, если какой -либо элемент предка интересуется этим событием, вы можете зарегистрировать свою собственную функцию обработки.
(2) Целевая фаза: событие достигает целевого элемента и выполняет функцию обработки событий целевого элемента.
(3) Фаза пузырька: события поднимаются из целевого элемента до документа. Несмотря на то, что все типы событий пройдут на этап фазы капича, например, только некоторые события пройдут через стадию пузырьковой фазы, событие отправки не будет пролечено.
В течение всего процесса распространения событий event.stoppropagation () может быть вызвана, чтобы остановить распространение событий, и может быть вызвана предотвращение события () для блокировки поведения браузера по умолчанию.
Кода кода выглядит следующим образом: addEventListener («EventType», «Handler», «True! False»);
RemoveEventListner ("EventType", "Handler", "True! False");
Т.е. модель
Модель IE также предоставляет объект события, который инкапсулирует подробную информацию о событии, но IE не передает объект в функцию обработки событий. Поскольку в любое время будет только одно событие, т.е. считает его атрибутом окна глобального объекта. Режим распространения событий в IE соответствует второму и третьему этапам DOM2. Во -первых, выполняется функция обработки целевого элемента, а затем загрузка достигает документа. Только мышиные события могут быть захвачены в т.е. Все события могут быть захвачены в DOM2. Метод регистрации и удаления функций обработки событий в IE также отличается от DOM2.
Регистрация и удаление обработчиков событий осуществляются через AttachmentEvent («EventType», «Handler») и DepachEvent («EventType», «Handler»). В отличие от Dom2, EventType имеет префикс
Функции:
1. Процесс распространения только пузырится и не захватывает его. Метод прерывания пузырьков:
window.ecent.cancelbubble = true;
2. Объект события не является параметром функции обработчика событий, а глобальной переменной окна.
3. Функции регистрации событий: AttedEvent () и антирегистрация: detachevent ().
4. Netscape4 модель событий
Поскольку Netscape, похоже, полностью перестал развиваться, я не буду объяснять это подробно. Проще говоря, он просто ловит и не пузырится.
Выше приведено основное введение в модель события JavaScript. Я надеюсь, что это может дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.