.click() — устанавливает обработчик «клика» мышью по элементу, либо, запускает это событие.
Метод имеет три варианта использования:
|
1 2 3 |
.click( handler ) |
- handler — функция, которая будет установлена в качестве обработчика.
|
1 2 3 |
.click( [eventData ], handler ) |
- eventData — объект содержащий данные, для передачи в обработчик. Должны быть представлены в формате
{fName1:value1, fName2:value2, ...}; - handler — функция, которая будет установлена в качестве обработчика.
|
1 2 3 |
.click() |
Вызывает событие click, у выбранных элементов страницы.
В первых двух вариантах, этот метод является сокращенной версией .on( "click", handler ), а в третьем — .trigger( "click" ).
Событие срабатывает на элементе, когда указатель мыши находится над элементом, а кнопка мыши была нажата и отпущена. Это событие может срабатывать на любом html-элементе. Например, рассмотрим html:
|
1 2 3 4 5 6 7 8 |
<div id="target"> Нажми меня </div> <div id="other"> Запустить обработчик </div> |
Обработчик события может быть привязан к любому div:
|
1 2 3 4 5 |
$( "#target" ).click(function() { alert( "Вызвано событие .click()" ); }); |
При клике по элементу с id = «target» мы увидем сообщение «Вызвано событие .click()».
Мы также можем инициировать событие при щелчке по другому элементу:
|
1 2 3 4 5 |
$( "#other" ).click(function() { $( "#target" ).click(); }); |
See the Pen aGjQQa by Aleksei (@AmateR) on CodePen.0
Событие click запускается только после этой точной серии событий:
- Кнопка мыши нажата, когда указатель находится над элементом;
- Кнопка мыши отпущена, когда указатель находится над элементом.
Поскольку метод .click() является сокращенной версией .on( "click", handler ), он может быть удален с помощью .off( "click" ).
