jQuery keydown event ~ Blog de Programación

viernes, 28 de octubre de 2016

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>

Blog de Programación

viernes, 28 de octubre de 2016