(Следует отметить, что 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:
| Dom 0 событие | Дом 2 событие |
| onblur () | размытие |
| Onfocus () | фокус |
| Onchange () | изменять |
| Onmouseover () | Mouseover |
| onmouseout () | Mouseout |
| onmouseMove () | мысли |
| OnmouseDown () | Муседаун |
| OnmouseUp () | MouseUp |
| onclick () | Нажимать |
| ondblclick () | dblclick |
| OnkeyDown () | Keydown |
| OnKeyUp () | ключ |
| OnKeyPress () | ключ |
| onsubmit () | Представлять на рассмотрение |
| OnLoad () | нагрузка |
| onunload () | разгрузка |
Новое использование 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 (событие, функция);