jQuery keypress event ~ Blog de Programación

viernes, 28 de octubre de 2016

jQuery keypress event

JQuery keypress es uno de los eventos de teclado métodos. Otros jQuery evento de teclado métodos son keyup y keydown.

JQuery keypress

JQuery keypress método dispara con la tecla caso de javascript. Desde este evento varía a través de navegadores, esto no está incluido en la especificación oficial. Este evento sólo se activa para el centrado el elemento. Esto puede variar en los diferentes exploradores.

JQuery keypress sintaxis de método

Keypress(): Este jQuery keypress método se utiliza sin argumentos.
Keypress(controlador): Este jQuery keypress método atribuye una función que se ejecutará cuando el evento Keypress es despedido.
JQuery keypress ejemplo

Siguiente ejemplo demuestra el uso de jQuery keypress método.

<!DOCTYPE html>
<html>
<head>
<title>jQuery keypress event example</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
$(document).ready(function(){
  $("input:text").keyup(function(){
    $("input:text").css("background-color","red");
  });
$("input:text").keypress(function(){
    $("input:text").css("background-color","yellow");
  });
  //reset jQuery keydown css
  $("input:reset").click(function(){
    $("input:text").css("background-color","white");
  });
});
</script>
</head>
<body>
<h3>jQuery keypress example</h3>
Enter anything: <input type="text">
<input type="reset">
<br><br>
Type something above, background colour will change to yellow on key press.
<br><br>
Click on Reset button to try again.
</body>
</html>

jQuery keypress event example

jQuery keypress example

Enter anything:

Type something above, background colour will change to yellow on key press.

Click on Reset button to try again.

Blog de Programación

viernes, 28 de octubre de 2016