март 2021
|
Пн |
Вт |
Ср |
Чт |
Пт |
Сб |
Вс |
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
28
|
29
|
30
|
31
| |
|
Ссылки на JavaScript - event.
Определение и использование. HTML DOM события позволяют JavaScript зарегистрировать различные обработчики событий на элементы в HTML документе. События, как правило, используется в сочетании с функциями, а функция не будет выполнена до того, пока событие происходит( например, когда пользователь нажимает кнопку).
В JavaScript, как и во многих объектно ориентированных языках программирования, определен ряд событий, связанных с элементами документа. Обработчики реагируют на возникновение событий из сценарий кодов программ. Каждый обработчик событий становится атрибутом элемента HTML-документа. Значением данного атрибута будет выражение языка JavaScript.
Внимание!!! Модель событий был стандартизирован консорциумом W3C в DOM Уровня 2.
HTML DOM События
DOM: Указывает, в каком DOM Level свойство было введено.
События Мыши
Свойство |
Описание |
DOM |
onclick |
Событие происходит, когда пользователь нажимает на элемент |
2 |
ondblclick |
Событие происходит, когда пользователь дважды щелкает мышью на элементе |
2 |
onmousedown |
Событие происходит, когда пользователь нажимает кнопку мыши над элементом |
2 |
onmousemove |
Событие происходит, когда указатель мыши двигается, пока он находится над элементом |
2 |
onmouseover |
Событие происходит при наведении курсора на элемент |
2 |
onmouseout |
Событие происходит, когда пользователь перемещает указатель мыши из одного элемента |
2 |
onmouseup |
Событие происходит, когда пользователь отпускает кнопку мыши над элементом |
2 |
События Клавиатуры
Атрибут |
Описание |
DOM |
onkeydown |
Событие происходит, когда пользователь нажимает клавишу |
2 |
onkeypress |
Событие происходит, когда пользователь нажимает клавишу |
2 |
onkeyup |
Событие происходит, когда пользователь отпускает клавишу |
2 |
Фреймы/Объект События
Атрибут |
Описание |
DOM |
onabort |
Событие происходит, когда изображение останавливается, от загрузки до полной загрузки (<объект>) |
2 |
onerror |
Событие происходит, когда изображение не загружается должным образом (<объект>, <body> и <frameset>) |
|
onload |
Событие происходит, когда документ с набором фреймов, или <объект> был загружен |
2 |
onresize |
Событие происходит, когда меняется размер окна просмотра документа |
2 |
onscroll |
Событие происходит, когда просмотр документа прокручивается |
2 |
onunload |
Событие происходит, как только страница загружена (<body> и <frameset>) |
2 |
Форма Событий
Атрибут |
Описание |
DOM |
onblur |
Событие происходит, когда элемент формы теряет фокус |
2 |
onchange |
Событие происходит, когда содержимое формы элемента, отбора, или проверить состояние изменилось (к <входного>, <выберите>и <textarea>) |
2 |
onfocus |
Событие происходит, когда элемент получает фокус (<label>, <входного>, <выберите>, textarea>и <кнопка>) |
2 |
onreset |
Событие происходит, когда форма сбрасывается |
2 |
onselect |
Событие происходит, когда пользователь выбирает некоторые текст <входного> и <textarea>) |
2 |
onsubmit |
Событие происходит, когда форма передается |
2 |
Событие Объект
Константы(постоянные)
Константа(постоянная) |
Описание |
DOM |
CAPTURING_PHASE |
Текущее событие фаза-это фаза захвата (3) |
1 |
AT_TARGET |
Текущее событие в фазе цели, т.е. она оценивается как цель события (1) |
2 |
BUBBLING_PHASE |
Текущее событие, фаза восходящей фазе (2) |
3 |
Свойства
Свойство |
Описание |
DOM |
bubbles |
Возвращает или не является событием на цепочке |
2 |
cancelable |
Возвращает событие, предотвратить его действие по умолчанию |
2 |
currentTarget |
Возвращает элемент, для которого слушатели события, вызвавшего событие |
2 |
eventPhase |
Возвращает к фазе потока событий, в настоящее время оценивается |
2 |
target |
Возвращает элемент, который вызвал событие |
2 |
timeStamp |
Возвращает время( в миллисекундах относительно эпохи), в котором было создано событие |
2 |
type |
Возвращает имя события |
2 |
Методы
Метод |
Описание |
DOM |
initEvent() |
Определяет тип события, является ли событие, по умолчанию события могут быть предотвращены |
2 |
preventDefault() |
Отменить мероприятие, если оно может быть отменено, это значит, что любое действие по умолчанию, как правило, принимаются к реализации в результате события, не будут возникать |
2 |
stopPropagation() |
Для предотвращения дальнейшего распространения мероприятие, в ходе потока событий |
2 |
EventTarget Объект
Методы
Метод |
Описание |
DOM |
addEventListener() |
Позволяет регистрировать события слушателей на цель события (IE8 = attachEvent()) |
2 |
dispatchEvent() |
Позволяет отправить событие подписанные прослушиватели событий (IE8 = fireEvent()) |
2 |
removeEventListener() |
Позволяет удаление прослушивателей событий на цель события (IE8 = detachEvent()) |
2 |
EventListener Объект
Методы
Метод |
Описание |
DOM |
handleEvent() |
Вызывается всякий раз, когда происходит событие тип события, для которого EventListener интерфейс был зарегистрирован |
2 |
DocumentEvent Объект
Методы
Метод |
Описание |
DOM |
createEvent() |
|
2 |
MouseEvent/KeyboardEvent Объект
Свойства
Свойство |
Описание |
DOM |
altKey |
Возвращает ли "ALT" была ли нажата клавиша, если событие было вызвано |
2 |
button |
Возвращает, когда кнопка мыши была нажата, если событие было вызвано |
2 |
clientX |
Возвращает горизонтальную координату указателя мыши относительно текущего окна, если событие было вызвано |
2 |
clientY |
Возвращает вертикальную координату указателя мыши относительно текущего окна, если событие было вызвано |
2 |
ctrlKey |
Возвращает ли "CTRL" была ли нажата клавиша, если событие было вызвано |
2 |
keyIdentifier |
Возвращает идентификатор ключа |
3 |
keyLocation |
Возвращает расположение клавиш на устройстве |
3 |
metaKey |
Возвращает ли "мета" была ли нажата клавиша, если событие было вызвано |
2 |
relatedTarget |
Возвращает элемент, относящийся к элементу, который вызвал событие |
2 |
screenX |
Возвращает горизонтальную координату указателя мыши относительно экрана, когда событие было вызвано |
2 |
screenY |
Возвращает вертикальную координату указателя мыши относительно экрана, когда событие было вызвано |
2 |
shiftKey |
Возвращает "SHIFT - " была ли нажата клавиша, если событие было вызвано |
2 |
Методы
Метод |
Описание |
W3C |
initMouseEvent() |
Инициализации значения объекта MouseEvent |
2 |
initKeyboardEvent() |
Инициализирует значение KeyboardEvent |
3 |
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|
спокойной поздней ночи!
фотограф Оля Леман свадьбы и торжества. нажмите сюда
|