Пример примера использования AddEventListener

(Следует отметить, что div должен быть помещен перед JS)

Вообще говоря, если объект DOM связан с тем же событием, например, только последний вступит в силу:

Кода -копия выглядит следующим образом:

document.getElementById ("btn"). OnClick = method1;

document.getElementById ("btn"). OnClick = method2;

document.getElementbyId ("btn"). OnClick = method3;

Тогда только метод3 вступит в силу.

Если это серия Mozilla, используйте AddEventListener, чтобы включить несколько событий в порядок, например:

Кода -копия выглядит следующим образом:

var btn1obj = document.getElementbyId ("btn1");

//element.addeventlistener(type, слушатель, usecapture);

btn1obj.addeventlistener («Щелкни», метод1, false);

btn1obj.addeventListener ("click", method2, false);

btn1obj.addeventlistener («Щелкни», метод3, false);

Заказ на выполнение-это метод1-> метод2-> Метод3

Если это серия IE, AttachEvent может позволить реализации нескольких событий в порядке, например:

Кода -копия выглядит следующим образом:

var btn1obj = document.getElementbyId ("btn1");

//object.attachevent(event,function);

btn1obj.attachevent ("onclick", method1);

btn1obj.attachevent ("onclick", method2);

btn1obj.attachevent ("onclick", method3);

Заказ на выполнение-метод3-> метод2-> метод1

=================================================================================

В Мозилле:

Как использовать addEventListener

Target.AddeventListener (тип, слушатель, useCapture);

Цель: Узел документа, документ, окно или Xmlhttprequest.

Тип: строка, имя события, не содержит «включен», например, «Щелк», «MouseOver», «Keydown» и т. Д.

Слушатель: реализует интерфейс EventListener или функцию в JavaScript.

USECAPTURE: использовать ли захват, как правило, использовать FALSE. Например: document.getElementById ("testText"). AddEventListener ("keydown", function (event) {alert (event.keycode);}, false);

IE:

target.attachevent (тип, слушатель);

Цель: Узел документа, документ, окно или Xmlhttprequest.

Тип: строка, имя события, содержащее «на», например «Onclick», «Onmouseover», «Onkeydown» и т. Д.

Слушатель: реализует интерфейс EventListener или функцию в JavaScript. Например: document.getElementById ("txt"). AtteneVent ("onClick", function (event) {alert (event.keycode);});

W3C и IE также поддерживают удаление указанных событий. Цель состоит в том, чтобы удалить установленные события. Форматы следующие:

RemoveEventListener (событие, функция, захват/пузырь);

Формат Windows, т.е. заключается в следующем:

DEPACHEVENT (событие, функция);

Dom2 Evolution:

Новое использование DOM2 можно наблюдать с помощью функции AddeVentListener ():

Кода -копия выглядит следующим образом:

addEventListener (событие, функция, захват/пузырь);

Событие параметра показано в таблице выше. Функция - это функция для выполнения. Захват и пузырь являются двумя временными режимами, разработанными W3C. Проще говоря, Capture - это прочитать последнюю строку с начала документа, а затем выполнить событие. Bubble сначала находит указанное местоположение, а затем выполняет событие.

Параметры захвата/пузырька являются логическими значениями, истинными средствами для использования захвата и ложными средствами для пузыря. Windows Internet Explorer также сформулировал eventhandler, который attractEvent () с форматом следующим образом:

Кода -копия выглядит следующим образом:

window.attachevent ("отправить", myfunction ());

Что более особенное, так это то, что AttactEvent не нужно указывать параметры захвата/пузырьков, потому что в среде Windows IE используется режим пузырька.

Как определить, какой тип прослушивания поддерживается? нравиться:

Кода -копия выглядит следующим образом:

if (typeof window.addeventListener! = «Не определен») {

window.addeventListener ("Load", Rollover, false);

} еще {

window.attachevent ("Onload", Rollover)

}

Приведенное выше TypeF Window.AddeventListener! = «Неопределенный» программный код может определить, поддерживает ли браузер пользователя модель события AddEventListener. Если он не поддерживается, AttachEvent будет использоваться.

W3C и IE также поддерживают удаление указанных событий. Цель состоит в том, чтобы удалить установленные события. Форматы следующие:

Формат W3C:

RemoveEventListener (событие, функция, захват/пузырь);

Формат Windows, т.е. заключается в следующем:

DEPACHEVENT (событие, функция);