• AddEventListener имеет 3 параметра, как показано ниже:
element.AddeventListener (тип, слушатель, useCapture);
| параметр | Описание параметра |
|---|---|
| элемент | Объект для привязки события и узла HTML. |
| тип | Для названия события, пожалуйста, удалите «ON» до события. Например, «OnClick» должен быть написан как «щелчок», а «OnmouseOver» должен быть написан как «MouseOver». |
| слушатель | Чтобы связать функцию прослушивания события, будьте осторожны, чтобы написать только имя функции и не включать в себя скобки. |
| userCapture | Метод мониторинга событий может быть только истинной и ложным: верно, принятие режима захвата; Неверно, принятие режима пузыря. Если нет особых требований, это обычно ложное. |
Здесь необходимо поговорить о разнице между режимом захвата и режимом пузыря.
Как показано на рисунке, существует два уровня элементов Div, и оба набор Click Events. Вообще говоря, если я нажимаю на внутренний синий элемент не только запустить событие щелчка синего элемента, но и одновременно запустить событие щелчка красного элемента. Параметр useCapture - управление порядком двух событий щелчка в настоящее время. Если он ложный, пузырьковый режим будет использоваться. Это процесс изнутри, поэтому сначала будет выполнено событие щелчка синего элемента, а затем событие щелчка красного элемента. Если это правда, это режим захвата. В отличие от режима пузыря, он находится снаружи к внутренней части. Событие Click красного элемента будет выполнено первым до того, как будет выполнено событие Click синего элемента.
Если использование, используемое элементами разных слоев, отличается, целевой элемент сначала будет искать события, установленные в режиме захвата из самого внешнего элемента. После достижения целевого элемента, чтобы выполнить событие целевого элемента, затем обратите внимание на события, установленные в режим пузырьков.
• AttactEvent имеет 2 параметра, как показано ниже:
element.attachevent (тип, слушатель);
| параметр | Описание параметра |
|---|---|
| элемент | Объект для привязки события и узла HTML. |
| тип | Для названия события, пожалуйста, добавьте «на» до события, например, «Onclick» и «Onmouseover», что является разницей от AddeventListener. |
| слушатель | Чтобы связать функцию прослушивания события, будьте осторожны, чтобы написать только имя функции и не включать в себя скобки. |
AddEventListener () - это стандартный метод для привязки функции прослушивания событий, которая поддерживается W3C. Chrome, Firefox, Opera, Safari, IE9.0 и, прежде всего, поддерживают эту функцию; Тем не менее, IE8.0 и ниже не поддерживают этот метод, он использует AntectEvent () для привязки функции прослушивания событий. Следовательно, этот метод связывания должен иметь дело с проблемами совместимости браузера.
Код, совместимый с IE и невзмешенным привязкой событий, не являющихся EIE:
функция addEvent (obj, type, handle) {try {// chrome, firefox, opera, safari, ie9.0 и выше версий obj.addeventlistener (тип, ручка, false); } catch (e) {try {// ie8.0 и ниже версии obj.attachevent ('on' + type, handle); } catch (e) {// ранний браузер obj ['on' + type] = handle; }}}или
функция regevent (ele, event_name, fun) {if (window.attachevent) ele.attachevent (event_name, fun); // т.е. браузер else {event_name = event_name.replace (/^on/, ""); // Если при запуске удалить, например, onclick-> Щелкнуть ele.addeventlistener (event_name, fun, false); // браузер не IE}}В приведенной выше статье кратко рассказывается о разнице между addeventListener и AttachEvent - это все контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.