Описание: Привязывает обработчик события к событию "mousedown" JavaScript, или вызывает данное событие на элемент.
.mousedown( handler(объектСобытия) )
Добавлена в версию: 1.0
handler(объектСобытия)
Функция выполняется каждый раз, когда вызывается событие.
.mousedown( )
Добавлена в версию: 1.0
.mousedown( [ данныеСобытия ], обработчик(объектСобытия)
Добавлена в версию: 1.4.3
данныеСобытия
Карта данных, которая будет передана в обработчик событий.
обработчик(объектСобытия)
Функция для выполнения каждый раз, когда событие вызвано.
Этот метод является сокращением для .bind('mousedown', handler) в первом варианте, и .trigger('mousedown') во втором.
Событие mousedown передается элементу, когда указатель мышки находится над элементом, и кнопка мышки нажата.
Любой элемент HTML может получать это событие.
Для примера, рассмотрим HTML:
<div id="target"> Click here </div> <div id="other"> Trigger the handler </div>
Click here
Trigger the handler
Обработчик события может быть привязан к любому <div>:
$('#target').mousedown(function() {
alert('Handler for .mousedown() called.');
});
Теперь, если мы нажмем на этот элемент, будет выдано предупреждение:
Handler for .mousedown() called.
Мы можем вызвать это событие, когда нажат другой элемент:
$('#other').click(function() {
$('#target').mousedown();
});
После выполнения этого кода, нажатие на Trigger the handler также выдаст сообщение.
Событие mousedown передается, когда кнопка мышки нажата.
Чтобы задействовать только на конкретные кнопки,
мы можем использовать свойство объекта события which.
Не все браузеры поддерживают это свойство (Internet Explorer использует кнопку вмето этого), но jQuery нормализует это свойство, таким образом безопасно использовать его в любых браузерах.
Значение which равно 1 для левой кнопки, 2 - для средней, и 3 для правой кнопки.
Это событие прежде всего, для обеспечения того, что основная кнопка используется для начала операции перетаскивания; если его игнорировать, странные результаты могут произойти, если пользователь пытается использовать контекстное меню. Хотя средняя и правая кнопки могут быть обнаружены с такими свойствами, это не является надежным. В Opera и Safari, для примера, нажатия на правую кнопку мышки не обнаруживаются по умолчанию.
Если пользователь нажимает на элемент, перетаскивает указатель прочь,
и отпускает кнопку, это все еще считается как событие mousedown.
Эта последовательность действий рассматривается как "отмена" в нажатии на кнопку в большинстве пользовательских интерфейсов,
таким образом лучше использовать событие click
если мы не знаем, что событие mousedown
предпочтительнее для определенной ситуации.
Примеры
Пример 1
Отображает текст по событиям mouseup и mousedown.Пример 1 - Полный код:
Отображает текст по событиям mouseup и mousedown.<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $("p").mouseup(function(){ $(this).append('Mouse up.'); }).mousedown(function(){ $(this).append('Mouse down.'); }); }); </script> </head> <body> <p>Press mouse and release here.</p> </body> </html>
Была ли эта информация полезной?
