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
 123456
78910111213
14151617181920
21222324252627
282930    

Viernes 4 de Abril 2025
Semana 14

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