События JavaScript
Главная → Просто о сложном → Для веб-программистов → События JavaScript
В JavaScript, как и других объектно ориентированных языках, определен ряд событий, связанных с элементами документа. Обработчики дают возможность организовать реакцию на возникновение событий из сценария. При этом соответствующий обработчик указывается как атрибут элемента HTML-документа; значением этого атрибута является выражение JavaScript. Например,
onmouseOut="this.style.bgColor='#EEEEEE'
">
Наведите курсор мыши
- наведение и увод курсора мыши на элемент сопровождаются изменением цвета фона.
- при попытке пользователя закрыть окно и выгрузить документ выводится сообщение
- при щелчке мышью по изображению выполняется некая функция 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