.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 не будет опубликован.