Hvordan fange et backspace på KeyDown -arrangementet?

Mens du oppretter en brukervennlig webside eller et nettsted, kan det være et krav å avstå brukeren fra å trykke på en bestemt tast mens han fyller ut et skjema eller et spørreskjema. For eksempel å begrense brukeren til å redigere eller angre de allerede angitte dataene. I slike scenarier er det nyttig å fange et backspace på en KeyDown -hendelse på utviklerens slutt.

Denne artikkelen vil utdype tilnærmingene for å fange et backspace på KeyDown -hendelsen i JavaScript.

Hvordan fange et backspace på KeyDown -hendelsen i et spesifikt element?

“AddEventListener ()”Metode knytter en hendelse med et element, og nøkkelringsegenskapen refererer til en kode som betegner et tastetrykk. Disse tilnærmingene kan brukes til å knytte en hendelse til det hentede inngangsfeltet og varsle brukeren så snart den aktuelle tasten er trykket i den (inngangsfeltet).

Syntaks

element.AddEventListener (Event, funksjon, UserCapture);

I syntaks ovenfor:

• • “begivenhet”Tilsvarer hendelsen som må festes.
  • “funksjon”Parameter tilsvarer funksjonen som må utføres når hendelsen utløses.
  • “Bruker”Er en valgfri parameter.

Eksempel

La oss gå gjennom den under-satte kodesnippet:

Oppdage backspace -tasten

I kodeblokken ovenfor:

• • Først av alt, ta med en overskrift i “

    " stikkord.

  • I neste trinn, tildel en "inngang tekst”Feltet har det oppgitt”id”.
  • I JavaScript -koden får du tilgang til det opprettede inngangstekstfeltet av dets “id" bruker "getElementById ()”Metode.
  • Etter det, knytter “AddEventListener ()”Metode med det hentet elementet (inngangsfelt). I metodens parametere, den tidligere parameteren, i.e., “Keydown”Begynner hendelsesnavnet, og sistnevnte parameter refererer til funksjonen som må påberopes på den utløste hendelsen.
  • I funksjonsdefinisjonen, bruk "nøkkelkode”Eiendom med den oppgitte koden som refererer til“Backspace”Nøkkel i“hvis" betingelse.
  • Etter den fornøyde tilstanden vises varselet med den oppgitte meldingen på dokumentobjektsmodellen (DOM).

Produksjon

I utdataene kan det sees at brukeren når brukeren trykker på backspace -tasten.

Hvordan fange et backspace på KeyDown -hendelsen hvor som helst i hele dokumentobjektsmodellen (DOM)?

I dette spesielle eksemplet vil et backspace bli fanget opp ved hjelp av nøkkelkoden som er spesifisert i form av en "sak”Innenfor funksjonen som må utføres på den utløste hendelsen:

Oppdage backspace -tasten

I kodelinjene ovenfor:

• • På samme måte inkluderer den uttalte overskriften i "

    " stikkord.

  • I JavaScript -delen av koden, på samme måte, bruk "AddEventListener ()”Metode som har den vedlagte hendelsen som heter“Keydown”Og funksjonsnavnet som henholdsvis parametere.
  • Etter det, definer en funksjon som heter “KeyCheck ()”Å ha den uttalte parameteren.
  • I sin definisjon, tilknytte “nøkkelkode”Eiendom med den beståtte parameteren slik at den tilsvarende nøkkelkoden mot nøkkelen blir oppdaget på den utløste hendelsen.
  • Til slutt, bruk "bryter/sak”Uttalelse slik at den spesielle nøkkelringen mot backspace -tasten påberopes fra“sak”Uttalelse, og den tilsvarende meldingen vises gjennom varselet.

Produksjon

I denne utgangen kan det sees at ønsket krav er oppnådd.

Konklusjon

Å fange et ryggrom på "Keydown”Arrangement i JS, bruk kombinasjonen av“AddEventListener ()”Metode og“nøkkelkode”Eiendom. Det tidligere eksemplet bruker disse tilnærmingene for å fange den spesielle nøkkelen i et spesifikt element. Det siste eksemplet kan brukes til å oppdage backspace -tasten i hele DOM. Denne bloggen diskuterte tilnærmingene for å fange backspace på KeyDown -hendelsen i JavaScript.