Come catturare un backspace durante l'evento Keydown?

Durante la creazione di una pagina Web intuitiva o un sito, può esserci un requisito per astenersi all'utente dal premere un tasto particolare durante la compilazione di un modulo o un questionario. Ad esempio, limitando l'utente a modificare o annullare i dati già inseriti. In tali scenari, catturare un backspace su un evento di keydown è utile dalla fine dello sviluppatore.

Questo articolo elaborerà gli approcci per catturare un backspace sull'evento Keydown in JavaScript.

Come catturare un backspace sull'evento Keydown in un elemento specifico?

IL "addEventListener ()"Il metodo associa un evento a un elemento e la proprietà KeyCode si riferisce a un codice che indica una chiave di chiave. Questi approcci possono essere utilizzati per allegare un evento al campo di input recuperato e avvisare l'utente non appena viene premuto il tasto particolare in esso (campo di input).

Sintassi

elemento.addEventListener (evento, funzione, usercapture);

Nella sintassi sopra:

• • "evento"Corrisponde all'evento che deve essere allegato.
  • "funzione"Il parametro corrisponde alla funzione che deve essere eseguita quando viene attivato l'evento.
  • "usercapture"È un parametro opzionale.

Esempio

Passiamo attraverso il code-snippet di seguito:

Rileva la chiave di backspace

Nel blocco del codice sopra:

• • Prima di tutto, includi un'intestazione nel "

    "Tag.

  • Nel passaggio successivo, alloca un "ingresso testo"Campo che ha dichiarato"id".
  • Nel codice JavaScript, accedi al campo di testo di input creato dal suo "id" usando il "getElementById ()" metodo.
  • Dopodiché, associa il "addEventListener ()"Metodo con l'elemento recuperato (campo di input). Nei parametri del metodo, il precedente parametro, i.e., "keydown"Significa il nome dell'evento e quest'ultimo parametro si riferisce alla funzione che deve essere invocata all'evento attivato.
  • Nella definizione della funzione, applica il "chiave"Proprietà con il codice dichiarato che si riferisce al"BackspaceTasto "nella"Se" condizione.
  • Sulla condizione soddisfatta, l'avviso con il messaggio dichiarato verrà visualizzato nel modello a oggetto document (DOM).

Produzione

Nell'output, si può vedere che dopo aver premuto il tasto backspace, l'utente viene avvisato con il messaggio dichiarato tramite un avviso.

Come catturare un backspace sull'evento Keydown ovunque nell'intero modello di oggetti documenti (DOM)?

In questo esempio particolare, uno spazio back verrà catturato con l'aiuto del codice chiave specificato sotto forma di "caso"All'interno della funzione che deve essere eseguita sull'evento attivato:

Rileva la chiave di backspace

Nelle righe di codice sopra:

• • Allo stesso modo, include l'intestazione dichiarata nel "

    "Tag.

  • Nella parte JavaScript del codice, allo stesso modo, applica il "addEventListener ()"Metodo con l'evento allegato chiamato"keydown"E il nome della funzione come parametri, rispettivamente.
  • Successivamente, definisci una funzione chiamata "KeyCheck ()"Avere il parametro dichiarato.
  • Nella sua definizione, associare il "chiave"Proprietà con il parametro passato in modo che il codice chiave corrispondente contro la chiave venga rilevato sull'evento innescato.
  • Infine, applica il “scatola dell'interruttore"Dichiarazione in modo tale che il particolare codice chiave contro il tasto backspace sia invocato da"caso"Dichiarazione e il messaggio corrispondente verrà visualizzato tramite l'avviso.

Produzione

In questo output, si può vedere che è stato raggiunto il requisito desiderato.

Conclusione

Per catturare un backspace sul "keydown"Evento in JS, usa la combinazione di"addEventListener ()Metodo e il "chiave" proprietà. Il primo esempio utilizza questi approcci per catturare la chiave particolare in un elemento specifico. Quest'ultimo esempio può essere utilizzato per rilevare la chiave di backspace nell'intero DOM. Questo blog ha discusso degli approcci per acquisire backspace sull'evento Keydown in JavaScript.