jQuery | Keydown() con ejemplos

El keydown() es un método incorporado en jQuery que se utiliza para activar el evento keydown cada vez que el usuario presiona una tecla en el teclado. Si se mantiene pulsada la tecla, el evento se envía cada vez que el sistema operativo repite la tecla. Entonces, usando el método keydown() podemos detectar si alguna tecla está bajando.
Sintaxis:

$(selector).keydown(function) 

Aquí selector es el elemento seleccionado.
Parámetro: Acepta como función un parámetro opcional que da idea de si se presiona o no alguna tecla.
Valores de retorno: Devuelve si se presiona o no alguna tecla o qué tecla se presiona.
Código jQuery para mostrar el funcionamiento del método keydown():
Código #1:
El siguiente código se usa para verificar si una tecla está bajando.

<title>Jquery | Keydown() </title>
    $(document).keydown(function(event) {
  
        alert('You pressed down a key');
    });
  
  
      
        <h1>Try pressing any key from the keyboard </h1>
     

Salida:
después de presionar el botón ejecutar-
keydown output initial

Después de presionar cualquier tecla-
Output keydown

Código n.° 2: el
siguiente código se usa para verificar qué tecla específica se presiona desde el teclado y event.keyCode y event.que devolverá un valor UNICODE de la tecla presionada. Ambos son específicos del navegador.

<title>Jquery | Keydown() </title>
  
  
 
 
$(document).keydown(function(event) {
 
    var key = (event.keyCode ? event.keyCode : event.which);
 
    if (key >= '65' && key = '96' && key = '48' && key = '112' && key <= '123')
        alert('You pressed FUNCTION key - ' + (key - 111));
 
    else if (key == '144')
        alert('You pressed NUMLOCK key');
 
    else if (key == '145')
        alert('You pressed SCROLL LOCK key');
 
    else
        alert('You pressed SPECIAL CHARACTER key');
 
});
 
 
 
<br>
<br>
  
    <h1>Try pressing any key from the keyboard </h1>
  
 
 
             

Salida:
después de presionar el botón ejecutar-
keydown output initial

Después de presionar cualquier tecla-
output keydown method

Publicación traducida automáticamente

Artículo escrito por ihritik y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *