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

"Mousedown js". "Что такое mousedown в JavaScript?"

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

Mousedown js.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Html:

Опять button.

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

Js :

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

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

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

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

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

<script>

document.getElementById('id_mousedown').onmousedown = function(e) {

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

};

</script>

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

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

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

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

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

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

<script>

document.getElementById('id_mousedown_2').addEventListener('mousedown',

function()

{

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

}

);

</script>

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

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

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

+ =