En este artículo, veremos cómo ejecutar un código después de hacer doble clic en el elemento usando jQuery. Para ejecutar el código al hacer doble clic, usamos el método dblclick(). Este método se utiliza para desenstringr que se produzca el evento de doble clic. Este método ocurre cuando se hace doble clic en el elemento seleccionado.
Sintaxis:
$(selector).dblclick(args);
Parámetro: Acepta un parámetro opcional «args» que especifica una función que realiza una tarea específica después de hacer doble clic.
Ejemplo:
HTML
<!DOCTYpe html>
<html>
<head>
<title>
How to run a code on double-click
event in jQuery?
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- jQuery code to show the working
of this method -->
<script>
$(document).ready(function () {
$("body").css("text-align", "center");
$("h1").css("color", "green");
$("p").dblclick(function () {
$(this).css("font-size", "20px");
$(this).css("color", "green");
});
});
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h3>
How to run a code on double-click
event in jQuery?
</h3>
<p>
GeeksforGeeks: A computer science portal
</p>
</body>
</html>
Producción:
