jueves, 17 de mayo de 2012

Evento Blur Jquery


Evento blur()

El Evento blur() es todo lo contrario del evento focus() es decir este evento ocurre cuando el elemento pieder el foco.

En este ejemplo vamos a ver que ocurre cuando perdemos el foco de un 'input text'...

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').blur(function(){
$("#MostrarTexto").text('Has perdido el foco del text');
});
});
</script>
</head>
<body>
<input type="text">
<div id="MostrarTexto">
</div>
</body>
</html>