Cómo capturar un backspace en el evento Keydown?

Al crear una página web o un sitio fácil de usar, puede haber un requisito para abstenerse del usuario presionar una tecla particular mientras complete un formulario o un cuestionario. Por ejemplo, restringir al usuario a editar o deshacer los datos ya ingresados. En tales escenarios, capturar un espacio de retroceso en un evento de llave es útil en el fin del desarrollador.

Este artículo elaborará los enfoques para capturar un espacio de retroceso en el evento Keydown en JavaScript.

Cómo capturar un backspace en el evento Keydown en un elemento específico?

El "addEventListener ()El método "asocia un evento con un elemento, y la propiedad de código clave se refiere a un código que significa un KeyPress. Estos enfoques se pueden utilizar para adjuntar un evento al campo de entrada recuperado y notificar al usuario tan pronto como se presione la tecla particular en él (campo de entrada).

Sintaxis

elemento.addEventListener (evento, función, UserCapture);

En la sintaxis anterior:

• • "evento"Corresponde al evento que debe adjuntarse.
  • "funciónEl parámetro corresponde a la función que debe ejecutarse cuando se active el evento.
  • "usercaptre"Es un parámetro opcional.

Ejemplo

Pasemos por el código de código aluminoso:

Detectar la tecla Backspace

En el bloque de código anterior:

• • En primer lugar, incluya un encabezado en el "

    " etiqueta.

  • En el siguiente paso, asigne un "aporte texto"Field tiene el declarado" declarado "identificación".
  • En el código JavaScript, acceda al campo de texto de entrada creado por su "identificación" utilizando el "getElementById ()" método.
  • Después de eso, asocie el "addEventListener ()Método "con el elemento recuperado (campo de entrada). En los parámetros del método, el antiguo parámetro, i.mi., "llave"Significa el nombre del evento, y el último parámetro se refiere a la función que debe invocarse en el evento activado.
  • En la definición de función, aplique el "clave"Propiedad con el código indicado que se refiere al"Espalda"Clave en el"si" condición.
  • En la condición satisfecha, la alerta con el mensaje establecido se mostrará en el modelo de objeto de documento (DOM).

Producción

En la salida, se puede ver que al presionar la tecla Backspace, se notifica al usuario con el mensaje establecido a través de una alerta.

Cómo capturar un backspace en el evento Keydown en cualquier lugar de todo el modelo de objeto de documento (DOM)?

En este ejemplo particular, se capturará un espacio de retroceso con la ayuda del código clave especificado en forma de un "caso"Dentro de la función que debe ejecutarse en el evento activado:

Detectar la tecla Backspace

En las líneas de código anteriores:

• • Del mismo modo, incluye el encabezado declarado en el "

    " etiqueta.

  • En la parte JavaScript del código, de manera similar, aplique el "addEventListener ()"Método que tiene el evento adjunto llamado"llave"Y el nombre de la función como sus parámetros, respectivamente.
  • Después de eso, defina una función llamada "llavero ()"Tener el parámetro establecido.
  • En su definición, asocie el "clavePropiedad "con el parámetro aprobado para que el código de clave correspondiente contra la clave se detecte en el evento activado.
  • Por último, aplique el "interruptor/estuche"Declaración de tal manera que el código clave particular contra la tecla Backspace se invoca desde el"casoDeclaración ", y el mensaje correspondiente se mostrará a través de la alerta.

Producción

En esta salida, se puede ver que se ha logrado el requisito deseado.

Conclusión

Para capturar un espacio de retroceso en el "llave"Evento en JS, use la combinación del"addEventListener ()Método "y el"clave" propiedad. El ejemplo anterior utiliza estos enfoques para capturar la clave particular en un elemento específico. El último ejemplo se puede utilizar para detectar la tecla Backspace en todo el DOM. Este blog discutió los enfoques para capturar Backspace en el evento Keydown en JavaScript.