El dblclick() es un método incorporado en jQuery que se utiliza para activar el evento de doble clic . Este método ocurre cuando se hace doble clic en el elemento seleccionado.
Sintaxis:
$(selector).dblclick(args);
Aquí “selector” es el elemento seleccionado.
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.
Valor devuelto: Devuelve alguna función cuando se hace doble clic en el elemento seleccionado.
código jQuery para mostrar el funcionamiento del método dblclick():
Código #1: En el siguiente código, no se pasa ninguna función a este método.
html
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/
jquery/3.3.1/jquery.min.js"></script>
<script>
<!-- jQuery code to show dblclick method -->
$(document).ready(function() {
$("div").click(function() {
$("div").dblclick();
});
</script>
<style>
div {
display: block;
width: 370px;
padding: 10px;
font-size: 25px;
border: 2px solid green;
}
</style>
</head>
<body>
<!-- click on this div and a pop will appear -->
<div ondblclick="alert('dblclick event has been triggered')
">Click me to trigger dblclick event</div>
</body>
</html>
Salida: antes de hacer doble clic en el botón «Haz clic en mí para activar el evento dblclick»-
Después de hacer doble clic en el botón «Haz clic en mí para activar el evento dblclick»-
Código #2: En el siguiente código, la función se pasa al método dblclick().
html
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/
jquery/3.3.1/jquery.min.js"></script>
<script>
<!-- jQuery code to show dblclick method -->
$(document).ready(function() {
$("button").dblclick(function() {
$("p").fadeOut();
});
});
</script>
<style>
p {
display: block;
padding: 20px;
color: green;
width: 300px;
border: 2px solid green;
font-size: 25px;
}
</style>
</head>
<body>
<p>Welcome to GeeksforGeeks !</p>
<!-- click on this button and above paragraph
will disappear -->
<button> Click Me! </button>
</body>
</html>
Salida: antes de hacer doble clic en el botón «Click Me»-
Después de hacer doble clic en el botón «Click Me»-
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA