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
      1
2345678
9101112131415
16171819202122
23242526 272829
30      

Viernes 27 de Junio 2025
Semana 26

..............................................................................................................................................................................................................................................
(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