.click() — обработчик или источник события клика

jquery 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 запускается только после этой точной серии событий:

  1. Кнопка мыши нажата, когда указатель находится над элементом;
  2. Кнопка мыши отпущена, когда указатель находится над элементом.

Поскольку метод .click() является сокращенной версией .on( "click", handler ), он может быть удален с помощью .off( "click" ).

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *