Для формы и различных ее элементов определен ряд специфических событий. С этими событиями связаны методы – имитаторы событий.
| Событие | HTML-атрибут (не рекомендовано) |
Поддерживающие элементы форм | Описание | Метод имитации |
|
focus |
onFocus |
практически все * |
Получение элементом фокуса (щелчок мышью на элементе или очередное нажатие клавиши табуляции) |
focus() |
|
blur |
onBlur |
практически все |
Потеря текущим элементом фокуса, т.е. переход к другому элементу. Возникает при щелчке мышью вне элемента либо нажатии клавиши табуляции |
blur() |
|
change |
onChange |
практически все |
Изменение значений элемента формы. Возникает после изменения значения элемента и последующей потери фокуса, т.е. после события blur |
|
|
select |
onSelect |
input, textarea |
Выделение текста в текущем элементе |
select() |
|
submit |
onSubmit |
form |
Отправка данных формы (щелчок по кнопке типа submit или нажатие на Enter) |
submit() |
|
reset |
onReset |
form |
Сброс данных формы (щелчок по кнопке типа reset) |
reset() |
Естественно, на элементах формы определены и универсальные события (мыши, клавиатуры…). Актуальны события клавиатуры на текстовых элементах.
| Событие | HTML-атрибут (не рекомендовано) |
Поддерживающие элементы форм | Описание | Метод имитации |
|
keydown |
onKeyDown |
текстовые элементы: input типа text и password, textarea |
Нажата клавиша на клавиатуре |
|
|
keyup |
onKeyUp |
текстовые элементы: input типа text и password, textarea |
Отпущена клавиша на клавиатуре |
|
|
keypress |
onKeyPress |
текстовые элементы: input типа text и password, textarea |
Нажата и отпущена клавиша на клавиатуре |
|
|
click |
onClick |
практически все |
Одинарный щелчок (нажата и отпущена кнопка мыши) |
click() |
|
dblclick |
onDblClick |
практически все |
Двойной щелчок |
|
|
mouseup |
onMouseUp |
практически все |
Отпущена кнопка мыши в пределах текущего элемента |
|
|
mousedown |
onMouseDown |
практически все |
Нажата кнопка мыши в пределах текущего элемента |
|
|
mousemove |
onMouseMove |
практически все |
Перемещение курсора мыши в пределах текущего элемента |
|
|
mouseover |
onMouseOver |
практически все |
Курсор мыши наведен на текущий элемент |
|
|
mouseout |
onMouseOut |
практически все |
Курсор мыши выведен за пределы текущего элемента |
|
* То есть, элементы input всех типов, а также элементы select и textarea