jQuery keydown event

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

JQuery keydown

JQuery keydown método acciona la primera vez que pulse una tecla del teclado y mantenerla. Puede adjuntar funciones que se ejecutan cuando se produce este evento.

JQuery keydown sintaxis de método

Keydown(): Este jQuery keydown método se utiliza sin argumentos.

Keydown(controlador): Este jQuery keydown método atribuye una función que se ejecutará cuando el evento keydown se dispararon.

JQuery keydown ejemplo

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

<!DOCTYPE html>
<html>
<head>
<title>jQuery keydown 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").keydown(function(){
    $("input:text").css("background-color","green");
  });
$("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 keydown example</h3>
Enter anything: <input type="text">
<input type="reset">
<br><br>
Type something above and hold the key, background colour will change to Green.
<br><br>
Click on Reset button to try again.
</body>
</html>