jueves, 17 de mayo de 2012

Evento keypress jquery


Evento keypress

El evento keypress() es muy similar al evento keydown(), con la diferencia de que el evento keydown sólo se lanza una vez, en cambio keypress se lanzaría una vez cada vez que se escriba el carácter. Del mismo modo, si pulsamos modificadores de teclas, como mayúsculas o control, el evento keydown se lanzaría pero el de keypress no.

Escribe algo sobre el siguiente campo de texto...

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#prueba').keypress(function(){
$("#MostrarTexto").html("<span style='color: red;'>El Evento keypress detectará cuando pulses cualquier tecla, salvo modificadores de teclas, como mayúsculas o control.</span>");
});
});
</script>
</head>
<body>
<input  type="text" id="prueba" value="">
<div id="MostrarTexto"></div>
</body>
</html>