.click() — устанавливает обработчик «клика» мышью по элементу, либо, запускает это событие.
Метод имеет три варианта использования:
.click( handler )
- handler — функция, которая будет установлена в качестве обработчика.
.click( [eventData ], handler )
- eventData — объект содержащий данные, для передачи в обработчик. Должны быть представлены в формате
{fName1:value1, fName2:value2, ...}
; - handler — функция, которая будет установлена в качестве обработчика.
.click()
Вызывает событие click
, у выбранных элементов страницы.
В первых двух вариантах, этот метод является сокращенной версией .on( "click", handler )
, а в третьем — .trigger( "click" )
.
Событие срабатывает на элементе, когда указатель мыши находится над элементом, а кнопка мыши была нажата и отпущена. Это событие может срабатывать на любом html-элементе. Например, рассмотрим html:
<div id="target"> Нажми меня </div> <div id="other"> Запустить обработчик </div>
Обработчик события может быть привязан к любому div
:
$( "#target" ).click(function() { alert( "Вызвано событие .click()" ); });
При клике по элементу с id = «target» мы увидем сообщение «Вызвано событие .click()».
Мы также можем инициировать событие при щелчке по другому элементу:
$( "#other" ).click(function() { $( "#target" ).click(); });
[codepen_embed height=»265″ theme_id=»0″ slug_hash=»aGjQQa» default_tab=»js,result» user=»AmateR»]See the Pen <a href=’https://codepen.io/AmateR/pen/aGjQQa/’>aGjQQa</a> by Aleksei (<a href=’https://codepen.io/AmateR’>@AmateR</a>) on <a href=’https://codepen.io’>CodePen</a>.[/codepen_embed]
Событие click
запускается только после этой точной серии событий:
- Кнопка мыши нажата, когда указатель находится над элементом;
- Кнопка мыши отпущена, когда указатель находится над элементом.
Поскольку метод .click()
является сокращенной версией .on( "click", handler )
, он может быть удален с помощью .off( "click" )
.