Объект события: (объект события является свойством объекта Window. Когда происходит событие, объект события генерируется одновременно. Событие заканчивается, а объект события исчезает)
Т.е. window.event; // Получить объект
В DOM: аргумент [0]; // получить объект
Общие методы атрибутов для объектов событий в IE:
1.clientx: Когда происходит событие, x координата указателя мыши в области клиента (исключая панели инструментов, полос прокрутки и т. Д.);
2.clienty: Когда происходит событие, координата y указателя мыши в области клиента (исключая панели инструментов, полос прокрутки и т. Д.);
3. KeyCode: для события KeyCode он указывает символ Unicode нажатой клавиши, а для события Keydown/Keyup указывает, что нажатая клавиатура является численным индикатором (получает значение клавиши);
4.Offsetx: x координата указателя мыши относительно объекта, который вызвал событие;
5.OffSety: координата Y указателя мыши относительно объекта, который вызвал событие;
6.srcelement: элемент, который приводит к возникновению события;
Общие методы атрибута для объектов событий в DOM:
1.clientx;
2.clienty;
3. pagex; x координата указателя мыши относительно страницы;
4. Pagey; y координата указателя мыши относительно страницы;
5. Stoppropagation: Призыв этого метода может предотвратить дальнейшее распространение событий (пузырьки);
6. Странство: запускаемый элемент события/объект;
7.Type: имя события;
Сходства и различия между двумя объектами событий :
Сходство:
1. Получите тип события;
2. Получить код клавиатуры (событие Keydown/Keyup);
3. обнаружить сдвиг, alt, ctrl;
4. Получить координаты области клиента;
5. Получить координаты экрана;
Различия:
1. Получить цель;
// т.е.: var otarget = oevent.srcelement;
// dom: var otarget = oevent.target;
2. Получить код символа;
// т.е.: var iCharcode = oevent.keycode;
// dom: var iCharcode = oevent.charcode;
3. Поведение по умолчанию блокирующих событий;
// т.е. oevent.returnvalue = false;
// dom: oevent.preventdefault;
4. Прекратите пузыриться:
//Ie:oevent.cancelbubble=true;
//Dom:oevent.stoppropagation
Тип события:
1. Мероприятие мыши:
Onmouseover: когда мышь перемещается;
Onmouseout: Когда мышь выдвинута;
Onmousedown: Когда мышь нажат;
Onmouseup: Когда мышь поднимается;
OnClick: при нажатии левой кнопки мыши;
Ondblclick: Когда дважды щелкните левую кнопку мыши;
2. События клавиатуры:
OnKeyDown: происходит, когда пользователь нажимает клавишу на клавиатуре;
OnKeyup: происходит, когда пользователь выпускает нажатую клавишу;
keypress: когда пользователь продолжает нажимать клавишу;
Три. HTML события:
Onload: при загрузке страницы;
нагрузка: при удалении страницы;
Прерывание: если пользователь не был полностью воспроизведен до завершения процесса загрузки, событие Abort произойдет, если он не будет полностью воспроизведен.
Ошибка: событие, созданное при возникновении ошибки в JavaScript;
Выберите: выберите событие, запускаемое, когда пользователь выбирает символ в вводе или Textarea
Изменение: при вводе или Textarea, когда он теряет фокус, событие изменения запускается в избранном
Отправить: Когда форма отправлена, событие отправки запускается;
Сброс: сбросить
Изменение размера: событие, которое запускается при изменении окна или кадра;
Прокрутка: события запускаются, когда пользователь прокручивается или имеет полосы прокрутки;
Фокус: когда фокус потерян;
Blur: Когда вы получаете фокус;
Модель события JavaScript
1. Модель события Javascript: 1. Тип пузыря: <input type = "Кнопка"> Когда пользователь нажимает кнопку: входной биодиапа
2. Тип захвата: <input type = "button"> Когда пользователь нажимает кнопку: Window-Document-HTML-Body-Input (сверху вниз)
После стандартизации ECMA другие браузеры поддерживают два типа, а захват происходит первым.
2. Три способа написать традиционные события:
1. <input type = "button" onclick = "alert ('helloworld!')">
2. <input type = "button OnClick = name1 ()"> ====== <Script> function name1 () {alert ('helloWord!');} </Script> // Функция имени
3. <input type = "кнопка" id = "input1"> // анонимная функция
Кода -копия выглядит следующим образом:
<Скрипт>
Var button1 = document.getElementbyId ("input1");
button1.onclick = funtion () {
Блюдо («Helloword!»)
}
</script>
3. Современный метод написания событий:
Кода -копия выглядит следующим образом:
<input type = "button" id = "input1"> // Добавить события в т.е.
<Скрипт>
var fnclick () {
оповещение («Меня щелкнули»)
}
var Oinput = document.getElementById ("input1");
Oinput.attachevent ("onclick", fnclick);
---------------------------------------
Oinput.detachevent ("onclick", fnclick); // Удалить событие в IE
</script>
Кода -копия выглядит следующим образом:
<input type = "button" id = "input1"> // Добавить события в DOM
<Скрипт>
var fnclick () {
оповещение («Меня щелкнули»)
}
var Oinput = document.getElementById ("input1");
Oinput.addeventlistener ("onclick", fnclick, true);
---------------------------------------
Oinput.removeeventlistener ("onclick", fnclick); // Удалить событие в DOM
</script>
Кода -копия выглядит следующим образом:
<input type = "button" id = "input1"> // Совместимо с IE и DOM -событиями.
<Скрипт>
var fnclick1 = function () {alert ("i icted")}
var fnclick2 = function () {alert ("i icted")}
var Oinput = document.getElementById ("input1");
if (document.attachevent) {
Oinput.attachevent ("onclick", fnclick1)
Oinput.attachevent ("onclick", fnclick2)
}
else (document.addeventlistener) {
Oinput.addeventlistener ("Щелкни", fnclick1, true)
Oinput.addeventlistener ("click", fnclick2, true)
}
</script>