jueves, 17 de mayo de 2012

Evento Focus jquery



Evento focus()

El Evento focus() ocurre cuando un elemento, por ejemplo un 'input text' recibe el foco.

En el siguiente ejemplo veremos como funciona este evento y para ello usaremos la función text() de Jquery para agregar un texto a un div avisándonos de que el  'input text' ha obtenido el foco.

Pruébalo tu mismo...

El código es el siguiente ...


<!-- By http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'></script>
<script type="text/javascript">
$(document).ready(function(){
$(':text').focus(function(){
$("#MostrarTexto").text('El text ha obtenido el FOCO');
});
});
</script>
</head>
<body>
<input type="text">
<div id="MostrarTexto">
</div>
</body>
</html>