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
    123
45678910
11121314151617
181920 21222324
252627282930 

Jueves 21 de Noviembre 2024
Semana 47

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