Temas > Programacion > Java script - Java > Evento dblclick en jQuery
Julio

Evento dblclick
El evento dblclick se dispara cuando se presiona dos 
veces seguidas el botón izquierdo del mouse.
Para ver el funcionamiento de este evento crearemos 
un div en una coordenada absoluta y lo ocultaremos al 
hacer doble clic en su interior.
pagina1.html
<?php //esto no va
 <html>
 <head>
 <title>Problema</title>
 <link rel="StyleSheet" href="estilos.css" type="text/css">
 <script type="text/javascript" src="../jquery.js"></script>
 <script type="text/javascript" src="funciones.js"></script>
 </head>
 <body>
 <div id="recuadro">
 <h1>Doble clic para ocultar este recuadro</h1>
 </div>
 </body>
 </html>
?>//esto no va
funciones.js
<?php //esto no va
 var x;
 x=$(document);
 x.ready(inicializarEventos);
 function inicializarEventos()
 {
    var x;
    x=$("#recuadro");
    x.dblclick(dobleClic);
 }
 function dobleClic()
 {
    var x;
    x=$(this);
    x.hide()
 }
?>//esto no va
estilos.css
<?php //esto no va
 #recuadro {
    color:#aa0;
    background-color:#ff0;
    position:absolute;
    text-align:center;
    left:40px;
    top:30px;
    width:800px;
    height:70px;
 }
?>//esto no va
En la función inicializarEventos registramos el evento 
dblclick para el div:
<?php //esto no va
   var x;
   x=$("#recuadro");
   x.dblclick(dobleClic);
?>//esto no va
Cuando se presiona dos veces seguidas dentro del div 
se dispara la función:
<?php //esto no va
function dobleClic()
{
   var x;
   x=$(this);
   x.hide()
}
?>//esto no va
Donde obtenemos la referencia del elemento que emitió el evento y llamamos
al método hide para que lo oculte.













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
   1234
567891011
12131415161718
19202122232425
262728293031 

Lunes 5 de Mayo 2025
Semana 19

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar