Описание:
Привязывает обработчик события к событию "click" JavaScript, или вызывает данное событие на элемент.
.click( handler(объектСобытия) )
Добавлена в версию: 1.0
handler(объектСобытия)
Функция
Функция выполняется каждый раз, когда вызывается событие.
.click( )
Добавлена в версию: 1.0
.click( [ данныеСобытия ], обработчик(объектСобытия) )
Добавлена в версию: 1.4.3
Карта данных, которая будет передана в обработчик событий.
обработчик(объектСобытия)
Функция
Функция для выполнения каждый раз, когда событие вызвано.
Этот метод является сокращением для .bind('click', handler)
в первом варианте, и .trigger('click') во втором.
Событие click посылается элементу, когда указатель мышки находится над элементом, и кнопка мышки нажата и отпущена.
Любой элемент HTML может получить это событие. Для примера, рассмотрим HTML:
<div id="target">
Click here
</div>
<div id="other">
Trigger the handler
</div>
Результат выполнения кода выше:
Click here
Trigger the handler
Обработчик события может быть привязан к любому <div>:
$('#target').click(function() {
alert('Handler for .click() called.');
});
Теперь, если щелкнуть на этом элементе, будет выдано предупреждение:
Handler for .click() called. Мы можем также вызвать событие, когда другой элемент нажат:
$('#other').click(function() {
$('#target').click();
});
После выполнения этого кода, нажатие на Trigger the handler также выдаст сообщение.
Событие click вызывается после точной последовательности действий:
- Кнопка мышки нажата, когда курсор находится внутри элемента.
- Кнопка мышки отпущена, когда курсор находится внутри элемента.
Это, как правило желаемая последовательность, прежде чем событие выполняется.
Если это не выполняется, событие mousedown или mouseup будет более уместно. Примеры
Пример 1
Скрывает параграфы на странице по мере нажатия по ним:
$("p").click(function () {
$(this).slideUp();
});
$("p").hover(function () {
$(this).addClass("hilite");
}, function () {
$(this).removeClass("hilite");
});
Пример 2
Вызывает событие click для всех параграфов на странице:
|