.click() – обработчик или источник события клика
.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" )
.