vvz.nw.ru Примеры к занятиям по JavaScript

<< События JavaScript

В JavaScript, как и других объектно ориентированных языках, определен ряд событий, связанных с элементами документа. Обработчики дают возможность организовать реакцию на возникновение событий из сценария. При этом соответствующий обработчик указывается как атрибут элемента HTML-документа; значением этого атрибута является выражение JavaScript. Например,

<div onmouseOver="this.style.bgColor='#CCCCCC'"
     onmouseOut="this.style.bgColor='#EEEEEE' ">
Наведите курсор мыши
</div>

- наведение и увод курсора мыши на элемент сопровождаются изменением цвета фона.

<body onUnLoad="alert('окно закрывается!'">
- при попытке пользователя закрыть окно и выгрузить документ выводится сообщение

<img src="cat.jpg" onClick="showPict()">
- при щелчке мышью по изображению выполняется некая функция 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 Сброс данных формы ( щелчок по кнопке
<input type="reset"> )
reset()
onResize WINDOW Изменение размеров окна  
onSelect INPUT, TEXTAREA Выделение текста в текущем элементе  
onSubmit FORM Отправка данных формы ( щелчок по кнопке
<input type="submit"> )
submit()
onUnload BODY, FRAMESET Попытка закрытия окна браузера и выгрузки документа  

*  Практически все HTML-элементы :  все, за исключением APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE



vvz.nw.ru  > JavaScript