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

"Dblclick js". "Что такое dblclick в JavaScript?"

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

Dblclick js.

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

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

dblclick — событие, которое срабатывает, когда пользователь дважды щёлкает по элементу за короткий промежуток времени (обычно около 500 мс).

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

оба клика произошли на одном и том же элементе;

временной интервал между кликами не превысил системный порог (обычно ~500 мс);

не было отмены события (через preventDefault()).

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

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

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

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

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

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

<div ondblclick="alert('Вы кликнули два раза по элементу, это: первый пример dblclick')" class="ondblclick">Проверь работу dblclick!</div>

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

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

Для проверки "dblclick в js" кликните два раза по блоку, который вы видите ниже, потом покиньте этот блок... и вы увидите "dblclick в js" в действии!

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

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

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

Html:

Опять div.

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

Js :

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

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

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

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

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

<script>

document.getElementById('id_dblclick').ondblclick = function(e) {

alert('Вы кликнули два раза по элементу, это: Второй пример dblclick');

};

</script>

Пример №2 dblclick в js.

Для проверки "dblclick в js" кликните два раза по блоку, который вы видите ниже, потом покиньте этот блок... и вы увидите "dblclick в js" в действии!

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

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

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

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

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

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

<script>

document.getElementById('id_dblclick_2').addEventListener('dblclick',

function()

{

alert('Вы кликнули два раза по элементу, это: Третий пример dblclick');

}

);

</script>

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

Для проверки "dblclick в js" кликните два раза по блоку, который вы видите ниже, потом покиньте этот блок... и вы увидите "dblclick в js" в действии!

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

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

+ =