Событие JavaScript dblclick
Добавить в избранное
Событие dblclick генерирует событие при двойном щелчке элемента. Событие срабатывает при двойном щелчке элемента за очень короткий промежуток времени. Мы также можем использовать метод JavaScript addEventListener() для запуска события двойного щелчка.
В HTMLмы можем использовать атрибут ondblclick для создания события двойного щелчка.
Синтаксис
Теперь мы видим синтаксис создания события двойного клика в HTML и в javascript(без использования метода addEventListener() или с использованием метода addEventListener() ).
В HTML
<element ondblclick="fun()">
В JavaScript
object.ondblclick = function() { myScript };
В JavaScript с помощью метода addEventListener()
object.addEventListener("dblclick", myScript);
Давайте посмотрим на некоторые премеры, чтобы понять событие двойного щелчка.
Пример — использование атрибута ondblclick в HTML
В этом примере мы создаем событие двойного щелчка, используя HTML -атрибут ondblclick .
<html>
<head>
<title>Document</title>
</head>
<body>
<h1 id="heading" ondblclick="fun()">кликни два раза</h1>
<script>
function fun() {
document.querySelector("#heading").innerHTML = "кликнул два раза";
}
</script>
</body>
</html>
Пример — использование JavaScript
Теперь мы увидим, как создать событие двойного щелчка с помощью JavaScript.
<html>
<head>
<title>Document</title>
</head>
<body>
<h1 id="heading">кликни два раза</h1>
<script>
document.querySelector("#heading").ondblclick = function() {
fun();
};
function fun() {
document.querySelector("#heading").innerHTML = "клик два раза произошёл";
}
</script>
</body>
</html>
Пример — использование метода JavaScript addEventListener()
<html>
<head>
<title>Document</title>
</head>
<body>
<h1 id="heading">кликни два раза>/h1>
<script>
document.querySelector("#heading").addEventListener("dblclick", fun);
function fun() {
document.querySelector("#heading").innerHTML = "клик два раза произошёл";
}
</script>
</body>
</html>