Вторник, 07.01.2025, 06:35
Меню сайта
Категории раздела
JQuery плагины [59]
JQuery уроки [69]
PHP полезное [24]
PHP уроки [21]
Css [26]
JS [3]
SQL [9]
Css 3 [17]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » JQuery уроки

mouseup()
Привязывает обработчик события к событию "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>

Обработчик события может быть привязан к любому элементу <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.
 $("p").mouseup(function(){
 $(this).append('Mouse up.');
 }).mousedown(function(){
 $(this).append('Mouse down.');
 });


Категория: JQuery уроки | Добавил: ChronoW (12.01.2013)
Просмотров: 1006 | Теги: mouseup(), jQuery mouseup | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: