Deze video ga ik op te pikken waar we gebleven en blijven praten over die drie Jay queery evenementen.
Dus de volgende die ik wil introduceren heet Keep druk dus druk op de knop is een van de manieren Jay Cory dat we een toetsaanslag luisteraar kan toevoegen aan elementen, zodat ik je in de haven zal je laten zien hier als we naar beneden naar de event sectie en we kijken naar de toets ingedrukt en druk op een toets en de belangrijkste-up van deze drie verschillende gebeurtenissen die worden geactiveerd wanneer een type gebruiker iets op het toetsenbord en de verschillen zijn een beetje genuanceerd.
Dus toets ingedrukt wordt afgevuurd elke keer dat we een toets indrukt en het is ontslagen vlak nadat we druk het naar beneden en dan omhoog in brand wordt gestoken wanneer we de sleutel loslaten en dan druk op de toets is een beetje anders.
Sommige mensen zullen je vertellen dat toetsdruk wordt geactiveerd wanneer je naar beneden op een toets drukt en vervolgens los te laten, zodat het op en neer vertegenwoordigt de volledige druk op de toets.
En dat is niet waar.
Het vuurt eigenlijk in tussen beneden en bijbenen.
Meestal niet altijd.
Dus hebben we een grote stack overflow bericht.
Dus ik raad dat je leest.
Ik wil erop wijzen dit kleine stukje hier zo sleutel naar beneden en omhoog te voorzien van een code die aangeeft welke toets wordt ingedrukt terwijl de druk op de toets geeft aan welk karakter is ingevoerd.
Dus een goed voorbeeld hiervan is dat als ik een tekstinvoer en iemand types verschuiven en dan een en ze proberen om een ​​hoofdletter een toets ingedrukt te maken en omhoog zal het vuur op de shift-toets en de kleine letter een VS-toets pers zal het vuur op een hoofdletter een dus het eigenlijk geeft me het karakter niet alleen dat de sleutel is die werden gedrukt en in welke volgorde, maar het werkelijke eindresultaat karakter wanneer we gebruik maken van een speciale toets zoals verschuiving aan het eind van de dag de drie verschillende gebeurtenissen zijn zeer vergelijkbaar.
En de meeste van de tijd dat je weg kan komen met het gebruik van een van hen en ik ga Shoki druk alleen omdat het de meest voorkomende dus druk op de toets werkt net als op de plaats waar we iets met dollarteken te selecteren.
Dus hier is een voorbeeld dat iets met dollarteken selecteert.
En dan veranderen we op de belangrijkste pers en we passeren een callback functie en dat callback functie zal elk moment indrukken van een toets gebeurtenis wordt geactiveerd op het geselecteerde element of verzameling van elementen worden genoemd.
Dus ik ga om aan te tonen dat nu zal ik terug naar mijn HMO en laten we toe te voegen in een input type is gelijk aan de tekst, net als dat.
En we zullen het daarbij laten en te vernieuwen onze pagina.
OK dus nu hebben we een ingang hier.
En laten we wat code die gewoon annuleren dat inloggen elke keer dat een toets wordt hier gedrukt.
Dus het openstellen van de console en we moeten eerst de ingang te selecteren zodat we net inputs als dat kan doen.
En dat is niet erg specifiek in dit geval.
Er is slechts één ingang dus dat is prima.
Maar als we hadden checkboxes en als we hadden kleur ingangen en radio knoppen zouden we willen opgeven alleen wanneer het type gelijk is aan de tekst is.
Maar voor nu ingang is prima.
Zorg ervoor dat we het goed dat selecteert het dan voegen we die toets drukt, net als dat.
En dan de binnenkant van hier voegen we een callback functie die elke keer dat een toets wordt ingedrukt zal worden genoemd.
Dus in dit geval laten we hebben het annuleren het logboek dat u een toets hebt ingedrukt en druk op enter.
En nu als ik ga hier en ik typ een sleutel.
Dus ik ben het raken van de letter P op dit moment.
U kunt zien dat ik u op om de belangrijkste en als ik een andere toets typ Alles wat het doet is mij een aantal hier.
Dat is gewoon hoe Chrome doet.
Maar ik krijg een ander concept logboek als ik typ voor elk karakter.
Dus dat is hoe we dat log karakter iets dat we vaak willen doen is wat code, afhankelijk van welk personage werd ingedrukt run kon annuleren.
We zullen het maken van een lijst te app met Jay Querrey waar u kunt typen in een nieuw te doen zoals Walk the dog en druk op enter en dat zal vervolgens die tekst hier en maak een nieuwe te doen en wis de ingang zodat je doet hoeft niet te klikken op een knop, zoals in te dienen.
Je slaat gewoon de enter-toets.
Dus wat we willen doen is luisteren indrukken van een toets, maar alleen iets doen als de gebruiker op te voeren.
Om dat te doen dat we eigenlijk nodig hebben om onze code een beetje aanpassen.
Dus ik ga dit gewoon kopiëren en ik zal de pagina te vernieuwen en plak deze opnieuw in.
Dus we nog steeds luisteren naar de toets drukken, maar we gaan aan de slag met het evenement object.
Ik ga een argument hier toevoegen Ik noem het evenement en dit object zal gewoon alle informatie over de belangrijkste persevenement bevatten.
Dus ik ga gewoon dat logboekgebeurtenis annuleren, zodat je dat kunt zien en ik druk op enter.
En nu als ik typ je kunt zien dat ik voortdurend in te loggen evenement elke keer en deze gebeurtenis vertelt me ​​dat type is druk op de toets.
Het geeft me een tijdstempel geeft me een paar andere dingen.
Een van de belangrijkste onderdelen is dit char code 106.
Ook is er key code 1 of 6 en er is.
Welke zijn hier en ze wijzen allemaal op een of zes.
Er zijn enkele kleine verschillen die ik niet in zal gaan.
We gaan gewoon vasthouden waarmee dat is degene die de J Querrey docs gebruiken officieel als goed.
Wat dit betreft is de code van de ingedrukte toets.
Dus elke sleutel heeft een eigen code en het kan u hier laten zien de javascript tekencodes.
Er is een pagina hier dat je interactief zal tonen.
Dus als ik typ ik wil weten wat de letter zie de bijbehorende code.
Op 67 als ik wil om te controleren wat in te voeren is dat ik nodig om de enter toets die ik nu zal doen slaan.
En het vertelt me ​​key code er aan het eind.
Dus dat is een van de enigen die ik ken uit mijn hoofd, want we doen dit een stuk waar we willen dat er iets gebeurt als je druk op de Enter-toets.
OK.
Dus laten we niet vergeten dat de belangrijkste code 13.
Ga terug naar onze code hier en alles wat we willen doen is schrijven een if-statement in plaats van onze luisteraar die zegt dat als de gebruiker druk op enter.
Dus als een evenement dat gelijk is aan 13 is, dat betekent dat de gebruiker druk op enter en we zullen gewoon waarschuwen u druk op enter net als dat en zich te ontdoen van deze nu vanwege dat logboek.
Dus een gebruiker enige vorm van druk op de knop in plaats van deze ingang.
Dan hebben we dit evenement object dat we nu toegevoegd aan onze callback die al was het werd doorgegeven.
Zelfs als we vertrokken dit uit, maar we kregen het niet vastleggen in een variabele.
Dus nu zijn we vastleggen in een variabele met de naam event.
Je ziet ook deze zogenaamde E soms maar dat kan van alles worden genoemd.
Vergeet niet het is helemaal aan jou.
En dan zijn we controleren of het die eigendom is 13, dat is de enter toets tekencode.
Druk op enter.
En laten we nu gaan over deze en we zullen tik wat niet in te voeren sleutels en we niet deze signaleringen krijgen.
We krijgen de consul uit logboeken, omdat we het opzetten van de oorspronkelijke luisteraar hier.
Maar nu ben ik verwijder ik dat alles en ik zal een aantal dingen typt en dan zal ik op enter.
En nu ik je op enter.
Dus elke keer als ik typ in te voeren dus ik zal het nu doen.
Het vertelt me ​​dat je druk op enter.
Okee.
Dus dat is alles wat ik wil laten zien over de belangrijkste pers zal worden met behulp van deze te maken of om de lijst te doen in slechts een paar video's van nu.