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

Evento focus
El evento focus se produce cuando se activa el control. 
Podemos capturar el evento focus de un control de tipo 
text, textarea, button, checkbox, fileupload, password,
radio, reset y submit.
Es común a muchos sitio donde se puede buscar información,
disponer un control de tipo text con la leyenda `Buscar...` 
y sin ningún botón a su lado. Cuando el control toma foco se 
borra automáticamente su contenido, el operador ingresa el 
texto a buscar y presiona la tecla ENTER.Para probar como 
capturar este evento implementaremos una página que resuelva 
el problema anteriormente planteado.
<?php //esto no va
pagina1.html
 <html>
 <head>
 <title>Problema</title>
 <script type="text/javascript" src="../jquery.js"></script>
 <script type="text/javascript" src="funciones.js"></script>
 </head>
 <body>
 <form action="#" method="post">
 <input type="text" name="buscar" id="buscar"
 value="Buscar..." size="20">
 </form>
 </body>
 </html>
?>//esto no va
funciones.js
<?php //esto no va
 var x;
 x=$(document);
 x.ready(inicializarEventos);
 function inicializarEventos()
 {
   var x;
   x=$("#buscar");
   x.focus(tomaFoco);
 }
 function tomaFoco()
 {
   var x=$("#buscar");
   x.attr("value","");
 }
?>//esto no va
En la función inicializarEventos creamos un objeto jQuery a 
partir del id del control de tipo text y asociamos el evento 
focus con el método tomaFoco:
<?php //esto no va
  x=$("#buscar");
  x.focus(tomaFoco);
?>//esto no va
El método tomaFoco obtiene la referencia del elemento tipo 
text y mediante el método attr modifica la propiedad value:
<?php //esto no va
function tomaFoco()
{
  var x=$("#buscar");
  x.attr("value","");
}
?>//esto no va













¿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