Что такое mouseup в JavaScript?

"Mouseup js". "Что такое mouseup в JavaScript?"

Разберу подробно, что такое mouseup в JavaScript и как с ним работать.

Mouseup js.

1. Что такое mouseup в JavaScript?
2. Простейший пример mouseup в js.
3. Пример номер 2 mouseup в js.
4. Пример номер 3 mouseup в js.

1. Что такое mouseup в JavaScript?

mouseup — это событие в JavaScript, которое срабатывает, когда пользователь отпускает кнопку мыши над определённым элементом.

Оно противоположно событию mousedown (нажатие кнопки мыши).

Ключевые особенности mouseup в JavaScript?

срабатывает после того, как кнопка мыши отпущена;

работает для всех кнопок мыши (левой, правой, средней);

не требует, чтобы курсор находился над тем же элементом, где произошло нажатие.

2. Простейший пример mouseup в js.

Сделаем "простейший пример mouseup в js" - для этого вам понадобится:

Какой то тег, пусть это будет button.

В первый тег помещаем "onmouseup".

Далее используем alert и какой-тол произвольный текст.

Соберем простейший пример mouseup в js.

<button onmouseup="alert('Ты нажал первый пример mouseup')" class="onmouseup">Проверь работу mouseup!</button>

Проверь простейший пример mouseup в js.

На сайте только живые примеры - размещаем выше приведенный код "mouseup в js" прямо здесь:

Проверь работу mouseup!

3. Пример номер 2 mouseup в js.

Рассмотрим второй пример "mouseup в js" - для этого вам понадобится:

Html:

Опять button.

Внутрь первого тега размещаем id.

Js :

Начинаем с тега script.

Любым из способов обратиться по id к тегу button.

Используем getElementById в этом примере.

Дале уже ранее показанный alert.

Соберем пример №2 mouseup в js.

<script>

document.getElementById('id_mouseup').onmouseup = function(e) {

alert('Ты нажал Второй пример mouseup');

};

</script>

Проверь работу mouseup #2!

4. Пример номер 3 mouseup в js.

Для того, чтобы создать "пример mouseup в js" вам понадобится:

Теория и практика из выше приведенного пункт с одним изменением ...

Используем addEventListener...

Соберем пример номер 3 mouseup в js.

<script>

document.getElementById('id_mouseup_2').addEventListener('mouseup',

function()

{

alert('Ты нажал Третий пример mouseup');

}

);

</script>

Пример номер 3 mouseup в js.

Проверь работу mouseup #3!

Всего комментариев : Comments+ 2.0

+ =