Отследить двойной клик кнопки мыши по блоку javascript
Подробно о "ondblclick Event"
- Использование "ondblclick" внутри тега.
- Использование ondblclick + function
- Пример использования dblclick + addEventListener
- Скачать можно здесь
Использование "ondblclick" внутри тега.
Одним из способов использования ondblclick - размещение "ondblclick" внутри тега.Для того, чтобы продемонстрировать использование "ondblclick" нам понадобится элемент Dom - пусть это будет div, и добавим ему class="ondblclick" :
Также туда добавим событие "ondblclick" с функцией myFunction:
Немного стилей для нашего блока:
background: #e9e9e9;
width: 300px;
height: 100px;
margin: auto;
border: 1px solid;
}
Напишем нашу функцию:
function myFunction() {
document.getElementById("demo").innerHTML = "Вы дважды кликнули по блоку";
}
</script>
Результат использования ondblclick в теге:
Будем передавать - пусть это будет текст в отдельный div "Получаем".
Наведите мышку на блок:
Получаем
Использование ondblclick + function
Второй способ использования ondblclick равно function.
Нам опять понадобится div, внутрь добавим id, чтобы обратиться к тегу
В абзац "p" будем передавать полученные данные:
Стили повторять не буду - см. выше.
Соберем скрипт:
<script>
document.getElementById("theDIV").ondblclick = function(e) {
document.getElementById("demo_1").innerHTML = "Вы дважды кликнули по блоку";
};
</script>
Результат ondblclick + function
Проведите мышкой по блоку:
Получаем
Пример использования dblclick + addEventListener
Следующий вариант использования ondblclick, аналогичен первому, только здесь будем использовать dblclick + "addEventListener":
<div id="theDIV_2" class="ondblclick"></div>
<p id="demo_2"></p>
Аналогичные первому пункту.
<script>
document.getElementById("theDIV_2").addEventListener("dblclick", function(e) {
document.getElementById("demo_2").innerHTML = "Вы дважды кликнули по блоку";
});
</script>
Результат ondblclick + addEventListener
Получаем
ondblclick
js ondblclick
document ondblclick
событие ondblclick
ondblclick event
ondblclick javascript
что означает событие ondblclick

подробнее.
подробнее.