• Страница 1 из 1
  • 1
Форум » II. jQuery » Начало работы с jQuery » События: что это такое (Какие бывают события)
События: что это такое
1
События - это все действия посетителя, на которые реагирует страница сайта. Событие представляет собой точный момент, в который что-то происходит. Момент, в который произошло событие, называется запуском события.


События мыши

click - это событие запускается, когда вы нажимаете и отпускаете кнопку мыши (действует также, если вы выбрали ссылку с помощью клавиши Tab клавиатуры и нажали Enter)

dblclick - запускается, когда вы дважды нажимаете и отпускаете кнопку мыши

mousedown - первая часть щелчка, когда вы нажали кнопку мыши, но не отпустили её (удобно для перетаскивания элементов по странице)

mouseup - вторая часть щелчка, когда вы отпускаете кнопку мыши (удобно, когда вы "бросаете" элемент, который перетаскиваете на другое место)

mouseover - запускается, когда вы проводите указателем мыши по элементу страницы

mouseout - запускается, когда вы убираете указатель мыши с элемента страницы

mousemove - запускается, когда вы передвигаете курсор (происходит постоянно)

События наведения и смещения указателя мыши

Весьма полезная функция hover(), принимающая в качестве аргумента две функции, первая выполняется при наведении курсора на элемент, вторая - при смещении курсора с элемента.

Структура функции hover():

Код
('#селектор').hover(функция1, функция2);


Например, есть меню, нужно чтобы при наведении на ссылку меню с идентификатором menu появлялось подменю:

Код
('#menu').hover(
function() {
  $('#submenu').show();
}, /* Окончание события mouseover */
function() {
  $('#submenu').hide();
} /* Окончание события mouseout */
); /* Окончание события hover */


То есть здесь функция hover() в качестве аргумента принимает две анонимные функции.

Изменить / Удалить

2 События документа/окна

load - запускается после окончания загрузки браузером всех файлов веб-страницы, включая сам html-файл, файлы изображений, внешние файлы стилей, скриптов.

resize - запускается при изменении размера окна браузера

scroll - запускается при использовании полосы прокрутки или клавиатуры(клавиши PageUp, PageDown, Home, End и т.д.), при прокрутке страницы колесом мыши.

unload - запускается при переходе на другую страницу по ссылке, при закрытии окна в браузере или вкладки.

Изменить / Удалить

3 События форм

submit - запускается либо при щелчке по кнопке Submit, либо по нажатию клавиши Enter при активном текстовом поле.

reset - возвращает страницу к тому состоянию, в котором она была при загрузке.

change - данное событие может запускаться элементами веб-форм при изменении их статуса (выбран пункт меню, нажат переключатель и т.д.)

focus - запускается при переходе к элементу формы с помощью щелчка мыши или клавиши Tab

blur - запускается, когда элемент формы выводится из фокуса клавишей Tab, либо щелчком мыши за пределами элемента.

Цитата
События focus и blur также применимы к ссылкам на странице. Их можно выбирать щелчком мыши и клавишей Tab (focus), либо сойти со ссылки с помощью клавиши Tab или щелчка мышью вне ссылки (blur)

Изменить / Удалить

4 События клавиатуры

keypress - событие запускается при нажатии клавиши клавиатуры и запускается снова и снова, пока клавиша удерживается нажатой

keydown - как и keypress, запускается при нажатии клавиши клавиатуры, непосредственно перед запуском события keypress.

keyup - запускается, когда вы отпускаете клавишу клавиатуры

Изменить / Удалить

Форум » II. jQuery » Начало работы с jQuery » События: что это такое (Какие бывают события)
  • Страница 1 из 1
  • 1
Поиск: