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

<< События элементов форм

Для формы и различных ее элементов определен ряд специфических событий. С этими событиями связаны методы – имитаторы событий.

Событие

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  



vvz.nw.ru  > JavaScript