Давайте обобщу простые вещи
ПРИМЕЧАНИЕ. Следующие методы обернуты в объект EventUtil, и непосредственно используется метод литерального определения объекта. Полем Полем
①dd Метод события
addHandler: function (element, type, handler) {if (element.addeventlistener) {// обнаружение, является ли это элементом метода Dom2 Method.addeventListener (type, Handler, false); } else if (element.attachevent) {// Обнаружение, является ли это элементом метода IE-уровня. atatchevent ("on" + type, Handler); } else {// Обнаружение, является ли это элементом метода уровня DOM0 ["on" + type] = Handler; }}«Сделайте ранее добавленный метод события
removeHandler: function (element, type, Handler) {if (element.RemoveEventListener) {element.RemoveEventListener (type, Handler, false); } else if (element.detachevent) {element.detachevent ("on" + type, Handler); } else {element ["on" + type] = null; }}③ Получите цель объекта события и события
// Получить совместимость объекта события, написанного в Getevent: Function (Event) {return Event? Событие: window.event; }, // Получить совместимость цели объекта события, записанной в GetTarget: function (event) {return Event.target || Event.srcelement; }④compare написание для блокировки событий по умолчанию браузера
Предотвратить DEFOSTDEFAULT: function (event) {if (event.preventDefault) {event.preventDefault (); } else {event.returnValue = false; }}⑤compare написание, чтобы предотвратить пузырьки событий
StopPropagation: function (event) {if (event.stoppropagation) {event.stoppropagation (); } else {event.cancelbubble = true; }}⑥ Метод получения соответствующих элементов, включенный только в события мыши и мышью.
// Метод получения соответствующих элементов, включенных в события MouseOver и Mouseout GetRelatedTarget: function (event) {if (event.RelatedTarget) {return Event.RelatedTarget; } else if (event.toElement) {return event.toElement; } else if (event.fromelement) {return event.fromelement; } else {return null; }}⑦ Суждение на колесах мыши
Для событий Mousedown и MouseUp в его объекте события существует свойство кнопки.
Указывает нажатую или выпущенную кнопку. Атрибут кнопки DOM может иметь следующие 3 значения: 0 представляет основную кнопку мыши, а 1 представляет мышь в середине.
2 указывает кнопку мыши. В обычных настройках основной кнопкой мыши является левая кнопка мыши, а вторая мышь
Кнопка - правильная кнопка мыши.
IE8 и предыдущие версии также предоставили атрибут кнопки, но значение этого атрибута сильно отличается от атрибута кнопки DOM.
0: означает, что кнопка не нажата.
1: указывает на то, что основная кнопка мыши была нажата.
2: указывает, что кнопка мыши нажалась дважды.
3: указывает на то, что первичные и вторичные кнопки мыши были нажаты одновременно.
4: указывает на то, что кнопка средней мыши была нажата.
5: указывает на то, что основная кнопка мыши и кнопка средней мыши нажалась одновременно.
6: это означает, что кнопка мыши и кнопка мыши в середине нажимали одновременно.
7: указывает на то, что три кнопки мыши были нажаты одновременно.
getButton: function (event) {if (document.Implementation.hasfeature ("mouseevents", "2.0")) {return event.button; } else {switch (event.button) {case 0: case 1: case 3: case 5: case 7: return 0; Случай 2: Случай 6: возврат 2; Случай 4: возврат 1; }}}⑧ Метод получения значения приращения колеса мыши (Delta)
getWhieldelta: function (event) {if (event.wheeldelta) {return (client.engine.opera && client.engine.opera <9.5? -Event.wheeldelta: event.wheeldelta); } else {return -event.detail * 40; // Значение в Firefox равно +3 для прокрутки, -3, чтобы прокрутить вниз}}⑨cquisition кодировки персонажа поперек-браузером
getCharcode: function (event) {if (typeof event.charcode == "number") {return event.charcode; } else {return event.keycode; }}⑩ Данные доступа в буфер обмена
getClipboardText: function (event) {var bubboarddata = (event.clipboarddata || window.clipboarddata); вернуть буферизадерстводата.getData ("text"); }11. Установите данные в буфер обмена
setClipboardText: function (event, value) {if (event.clipboarddata) {return event.clipboarddata.setData ("text/plain", value); } else if (window.clipboarddata) {return window.clipboarddata.setData ("text", value); }}Инкапсулируйте это, а затем вы можете использовать его напрямую.
Для получения полных файлов и более базовых стилей сброса CSS и меньше, см.
Выше приведено в этой статье, я надеюсь, что это будет полезно для каждого обучения.