Описание: Привязывает обработчик события к событию "mouseup" JavaScript, или вызывает данное событие на элемент.
.mouseup( handler(объектСобытия) )
Добавлена в версию: 1.0
handler(объектСобытия)
Функция выполняется каждый раз, когда вызывается событие.
.mouseup( )
Добавлена в версию: 1.0
.mouseup( [ данныеСобытия ], обработчик(объектСобытия)
Добавлена в версию: 1.4.3
данныеСобытия
Карта данных, которая будет передана в обработчик событий.
обработчик(объектСобытия)
Функция для выполнения каждый раз, когда событие вызвано.
Этот метод является сокращением для .bind('mouseup', handler) в первом варианте, и .trigger('mouseup') во втором.
Событие mouseup посылается элементу, когда указатель мышки над элементом и клавиша мышки отпущена.
Любой элемент HTML может получать это событие.
Для примера, рассмотрим HTML:
<div id="target"> Click here </div> <div id="other"> Trigger the handler </div> <div id="log"></div>
Move here
Trigger the handler
Обработчик события может быть привязан к любому элементу
<div>:
$('#target').mouseup(function() {
alert('Handler for .mouseup() called.');
});
Теперь, если щелкнуть на этом элементе, будет выдано предупреждение:
Handler for .mouseup() called.
Мы также можем запустить событие, когда другой элемент нажат:
$('#other').click(function() {
$('#target').mouseup();
});
После выполнения этого кода, нажатие на Trigger the handler также выдаст сообщение.
Если пользователь нажимает вне элемента, перетаскивает внутрь, и затем отпускает кнопку мышки, это все еще считается как событие mouseup.
Эта последовательность действий не рассматривается как нажатие кнопки в большинстве пользовательских интерфейсов,
так что обычно лучше использовать событие click, событие mouseup предпочтительнее использовать в некоторых случаях.
Примеры
Отображает текст по событиям 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('<span style="color:#F00;">Mouse up.</span>'); }).mousedown(function(){ $(this).append('<span style="color:#00F;">Mouse down.</span>'); }); }); </script> </head> <body> <p>Press mouse and release here.</p> </body> </html>
Была ли эта информация полезной?
