События 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