Tämä kirjoitus opastaa sinua tunnistamaan sarkainnäppäimen JavaScriptissä.
Kuinka havaita sarkainnäppäin JavaScriptissä?
Tunnistaaksesi sarkainavaimen JavaScriptissä, käytä seuraavia tekniikoita:
- ' querySelector() ”Menetelmä
- ' getElementbyId() ”Menetelmä
Mainitut lähestymistavat esitellään yksi kerrallaan!
Tapa 1: Tunnista sarkainavain JavaScriptissä document.querySelector()-menetelmällä
' document.querySelector() ” -menetelmä käyttää ensimmäistä CSS-valitsinta vastaavaa elementtiä, ja sitten addEventListener()-metodi lisää tapahtumakäsittelijän käytettävään elementtiin. Näitä menetelmiä voidaan käyttää syöttötyypin käyttämiseen ja sen havaitsemiseen, painetaanko sarkainnäppäintä, kun sen arvo syötetään.
Syntaksi
elementti. addEventListener ( tapahtuma , toiminto , useCapture )
Annetussa syntaksissa ' tapahtuma ' viittaa tapahtuman nimeen, ' toiminto ' on erityinen toiminto, joka suoritetaan tapahtuman tapahtuessa, ja ' useCapture ” on valinnainen argumentti.
asiakirja. querySelector ( CSS-valitsimet )Yllä olevassa syntaksissa ' CSS-valitsimet ” viittaa yhteen tai useampaan CSS-valitsimeen, jotka voidaan määrittää document.querySelector()-metodissa.
Käy läpi seuraava esimerkki ymmärtääksesi paremmin esitetyn käsitteen.
Esimerkki
Määritä ensin syöttötyyppi ' teksti ', jossa on alkuperäinen paikkamerkkiarvo ja otsikko '
< h2 > Tulos < / h2 >
Käytä seuraavaksi ' document.querySelector() ' -menetelmää määritetyn syötteen ja vastaavasti otsikon saamiseksi ja tallentaa ne muuttujiin nimeltä ' syöttö ' ja ' tulos ':
anna syöttää = asiakirja. querySelector ( 'syöttö' ) ;anna tulosta = asiakirja. querySelector ( 'h2' ) ;
Lisää nyt ' näppäin alas ”-tapahtuman syöttökentällä käyttämällä addEventListener()-metodia. Tämä tapahtuma ilmoittaa käyttäjälle aina, kun ' -välilehti ' -näppäintä painetaan syöttökentässä soveltamalla seuraavaa ehtoa ' sisäteksti ”omaisuus:
syöttö. addEventListener ( 'näppäimet' , ( ja ) => {jos ( ja. avain === 'välilehti' ) {
tulos. sisäteksti = 'Sarkainnäppäintä painettu' ;
} muu {
tulos. sisäteksti = 'Sarkainnäppäintä ei painettu' ;
}
Tässä tapauksessa, kun käyttäjä painaa sarkainnäppäintä, lisätty ilmoittaa suoritetusta toiminnosta:
Tapa 2: Tunnista sarkainavain JavaScriptissä käyttämällä document.getElementbyId()-menetelmää
' document.getElementById() ” -menetelmää voidaan käyttää tietyn HTML-elementin avaamiseen sen tunnuksen perusteella. Tämä menetelmä voidaan toteuttaa hankkimaan syöttökenttä ja lisäämään tapahtuma, joka varoittaa käyttäjää aina, kun tiettyä näppäintä painetaan, kuten sarkainnäppäintä.
Syntaksi
asiakirja. getElementById ( elementtejä )Annetussa syntaksissa ' elementtejä ” viittaa tietyn elementin id:ään.
Tarkastellaan seuraavaa esimerkkiä.
Esimerkki
Sisällytä alla olevaan esimerkkiin syöttötyyppi ja paikkamerkkiarvo, kuten edellisessä menetelmässä käsiteltiin:
Hae nyt syöttökentän tunnus käyttämällä ' document.getElementById() ”menetelmä.
anna input= document.getElementById('välilehti');
Lisää lopuksi tapahtuma nimeltä ' näppäin alas ' addEventListener() -menetelmässä, joka varoittaa käyttäjää aina, kun ' Tab ”-näppäintä painetaan:
syöttö. addEventListener ( 'näppäimet' , ( ja ) => {jos ( ja. avain === 'välilehti' ) {
hälytys ( 'Sarkainnäppäintä painettu' ) ;
}
} ) ;
Lähtö
Olemme keskustelleet kaikista yksinkertaisimmista tavoista havaita sarkainnäppäin JavaScriptissä.
Johtopäätös
Tunnistaaksesi sarkainnäppäimen JavaScriptissä, käytä ' addEventListener() ' kanssa ' document.querySelector() ' menetelmä syöttötyypin hankkimiseksi ja tapahtuman käyttämiseksi määritetyn avaimen havaitsemiseksi tai ' getElementbyId() ” menetelmä noutaa syöttökenttä sen tunnuksen perusteella ja ilmoittaa käyttäjälle aina kun lisätty ehto täyttyy. Tämä blogi opasti sarkainavaimen havaitsemiseen JavaScriptissä.