Событие JavaScript dblclick

FavoriteLoadingДобавить в избранное

Событие 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 .

<!DOCTYPE html>
<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.

<!DOCTYPE html>
<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()

<!DOCTYPE html>
<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>
Написать Администратору

Вы можете написать Администратору сайта.

отправить