El evento HTML DOM ondblclick se produce cuando el usuario hace doble clic .
Todos los elementos HTML son compatibles con ondblclick Event , EXCEPTO:
- <bdo>
- <br>
- <base>
- <cabeza>
- <html>
- <iframe>
- <meta>
- <parámetro>
- <script>
- <estilo>
- <título>.
Sintaxis:
En HTML:
<element ondblclick="myScript">
En JavaScript:
object.ondblclick = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("dblclick", myScript);
Ejemplo 1: Uso de HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM ondblclick Event</title>
</head>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>HTML DOM ondblclick Event</h2>
<p id="demo"
ondblclick="myFunction()">
Double-click
</p>
<script>
function myFunction() {
document.getElementById(
"demo").innerHTML = "GeeksforGeeks";
}
</script>
</center>
</body>
</html>
Salida:
Antes:
Después:
Ejemplo: uso de JavaScript
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM ondblclick Event</title>
</head>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>HTML DOM ondblclick Event</h2>
<p id="demo">Double-click me.</p>
<script>
document.getElementById(
"demo").ondblclick = function() {
GFGfun()
};
function GFGfun() {
document.getElementById(
"demo").innerHTML = "GeeksforGeeks";
}
</script>
</center>
</body>
</html>
Salida:
Antes:
Después:
Ejemplo: en JavaScript, usando el método addEventListener():
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM ondblclick Event</title>
</head>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>HTML DOM ondblclick Event</h2>
<p id="demo">Double-click me.</p>
<script>
document.getElementById(
"demo").addEventListener(
"dblclick", GFGfun);
function GFGfun() {
document.getElementById(
"demo").innerHTML = "GeeksforGeeks";
}
</script>
</center>
</body>
</html>
Salida:
Antes:
Después:
Navegadores compatibles: los navegadores compatibles con ondblclick Event se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA