El propósito de este artículo es mostrar un mensaje al evento de doble clic en todos los párrafos de una página. Cada vez que haga doble clic en cualquiera de los párrafos, aparecerá el mensaje.
Método utilizado en jQuery:
dblclick(): este método se utiliza para desenstringr el evento dblclick o adjunta una función para que se ejecute cuando se produce un evento de doble clic.
Sintaxis:
$(selector).dblclick(optional_function);
Acercarse:
- Primero, cree la página HTML con algunos elementos de párrafo.
- Usando la sintaxis anterior para mostrar un mensaje después del desenstringnte del evento de doble clic.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
<style>
body {
text-align: center;
font-size: 30px;
}
</style>
<script>
$(document).ready(function () {
$("p").dblclick(function () {
$("#result").show().html(
"The paragraph was double-clicked");
});
});
</script>
</head>
<body>
<h2 style="color:green">GeeksforGeeks</h2>
<p>
Double-Click on this paragraph
to see the result.
</p>
<p>Second paragraph</p>
<span>This is span</span>
<p>Third paragraph</p>
<div style="height:10px;"></div>
<div id="result"></div>
</body>
</html>
Producción:
