События JavaScript
В JavaScript, как и других объектно ориентированных языках, определен ряд событий, связанных с элементами документа. Обработчики дают возможность организовать реакцию на возникновение событий из сценария. При этом соответствующий обработчик указывается как атрибут элемента HTML-документа; значением этого атрибута является выражение JavaScript.
Например:
<div onmouseOver="this.style.bgColor='#CCCCCC'"
onmouseOut="this.style.bgColor='#EEEEEE' ">
Наведите курсор мыши
</div>
- наведение и увод курсора мыши на элемент сопровождаются изменением цвета фона.
- при попытке пользователя закрыть окно и выгрузить документ выводится сообщение
- при щелчке мышью по изображению выполняется некая функция showPict()
Половина обработчиков поддерживаются практически всеми HTML-элементами.
Некоторые события можно имитировать с помощью соответствующих методов.
Ниже приводится список событий согласно спецификации HTML 4.0 и некоторые события, поддерживаемые MS IE.
Трактовка браузеров может отличаться от стандарта и в плане применимости обработчика к тем или иным элементам.
| Обработчик события | Поддерживающие HTML-элементы | Описание | Метод |
|---|---|---|---|
| onAbort | IMG | Прерывание загрузки изображения | |
| onBlur | A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA | Потеря текущим элементом фокуса, т.е. переход к другому элементу. Возникает при щелчке мышью вне элемента либо нажатии клавиши табуляции | blur() |
| onChange | INPUT, SELECT, TEXTAREA | Изменение значений элементов формы. Возникает после потерей элементом фокуса, т.е. после события blur | change() |
| onClick | Практически все HTML-элементы | Одинарный щелчок (нажата и отпущена кнопка мыши) | click() |
| onDblClick | Практически все HTML-элементы | Двойной щелчок | |
| onError | IMG, WINDOW | Возникновение ошибки выполнения сценария | |
| onFocus | A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA | Получение элементом фокуса (щелчок мышью на элементе или очередное нажатие клавиши табуляции) | focus() |
| onKeyDown | Практически все HTML-элементы | Нажата клавиша на клавиатуре | |
| onKeyPress | Практически все HTML-элементы | Нажата и отпущена клавиша на клавиатуре | |
| onKeyUp | Практически все HTML-элементы | Отпущена клавиша на клавиатуре | |
| onLoad | BODY, FRAMESET | Закончена загрузка документа | |
| onMouseDown | Практически все HTML-элементы | Нажата кнопка мыши в пределах текущего элемента | |
| onMouseMoveПрактически все HTML-элементы | Перемещение курсора мыши в пределах текущего элемента | ||
| onMouseOut | Практически все HTML-элементы | Курсор мыши выведен за пределы текущего элемента | |
| onMouseOver | Практически все HTML-элементы | Курсор мыши наведен на текущий элемент | |
| onMouseUp | Практически все HTML-элементы | Отпущена кнопка мыши в пределах текущего элемента | |
| onMove | WINDOW | Перемещение окна | |
| onReset | FORM | Сброс данных формы ( щелчок по кнопке | reset() |
| ) | |||
| onResize | WINDOW | Изменение размеров окна | |
| onSelect | INPUT, TEXTAREA | Выделение текста в текущем элементе | |
| onSubmit | FORM | Отправка данных формы ( щелчок по кнопке | submit() |
| onUnload | BODY, FRAMESET | Попытка закрытия окна браузера и выгрузки документа |
Практически все HTML-элементы: все, за исключением APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE