Dôležitou súčasťou podujatia je udalosť Webová stránka reaguje podľa udalosti, ku ktorej došlo. Niektoré udalosti sú generované používateľmi a niektoré generované rozhraniami API. V tomto článku uvidíme, ako sa udalosti vyskytujú a ako sa metóda addEventListener v jazyku JavaScript používa v nasledujúcom poradí:
- Čo je poslucháč udalostí?
- AddEventListener () v JavaScripte
- Hodnoty parametrov
- AddEventListener v JavaScripte: Príklad
Čo je poslucháč udalostí?
Prijímač udalostí je procedúra v JavaScripte, ktorá čaká na výskyt udalosti. Jednoduchý príklad súboru udalosť je používateľ klikajúci myšou alebo stlačený kláves na klávesnici.
The addEventListener () je zabudovaný Funkcia JavaScript ktorá vezme udalosť na vypočutie a druhý argument, ktorý sa zavolá vždy, keď dôjde k vyhodeniu opísanej udalosti. Do jedného prvku možno pridať ľubovoľný počet obslužných rutín udalostí bez toho, aby sa prepísali existujúce obslužné rutiny udalostí.
addEventListener () v JavaScripte
Niektoré z Vlastnosti metódy poslucháča udalostí zahŕňajú:
- The addEventListener () metóda pripája obsluha udalosti na zadaný prvok.
- Táto metóda pripája obslužnú rutinu udalosti k prvku bez prepisovanie existujúce obsluhy udalostí.
- Môžete pridať veľa spracovateľov udalostí na jeden prvok.
- Môžete pridať veľa obslužných rutín udalostí z rovnakého typu do jedného prvok , tj. dve udalosti „kliknutia“.
- Poslucháčov udalostí je možné pridať do ľubovoľného ROZSUDOK namietajte nielen prvky HTML. teda objekt okna.
- Metóda addEventListener () to umožňuje jednoduchšie kontrolovať, ako udalosť reaguje bublať.
Pri použití metódy addEventListener () je JavaScript oddelený od značky, pre lepšiu čitateľnosť a umožňuje vám pridať poslucháčov udalostí, aj keď neovládate značky HTML.
Poslucháč udalostí môžete tiež ľahko odstrániť pomocou metóda removeEventListener () .
Syntax:
mapa strana pripojiť sa do úľa
target.addEventListener (typ, poslucháč [, možnosti]) target.addEventListener (typ, poslucháč [, useCapture]) target.addEventListener (typ, poslucháč [, useCapture, wantsUntrusted])
Hodnoty parametrov
| Parameter | Popis |
udalosť | Požadovaný. Reťazec, ktorý určuje názov udalosti. Poznámka: Nepoužívajte predponu „zapnuté“. Napríklad namiesto „onclick“ použite „kliknutie“. Zoznam všetkých udalostí HTML DOM nájdete v našom úplnom dokumente HTML DOM Event Object. |
funkcie | Požadovaný. Určuje funkciu, ktorá sa má spustiť, keď dôjde k udalosti. prevod binárneho formátu na desatinné číslo v jave Keď dôjde k udalosti, objekt udalosti sa predá funkcii ako prvý parameter. Typ udalosti objekt závisí od zadanej udalosti. Napríklad udalosť „kliknutia“ patrí k objektu MouseEvent. |
useCapture | Voliteľné. Boolovská hodnota, ktorá určuje, či sa má udalosť vykonať vo fáze zachytávania alebo prebublávania. Možné hodnoty: true - obslužná rutina udalosti sa vykoná v snímacej fázefalse - predvolená hodnota. Obsluha udalosti sa vykonáva vo fáze prebublávania |
Teraz, keď viete, ako poslucháč udalostí funguje, sa pozrime na príklad addEventListener () v JavaScripte.
addEventListener () v JavaScripte: Príklad
& lt! DOCTYPE html> ('myBtn'). addEventListener ('click', myFunction) funkcia myFunction () {document.getElementById ('demo'). innerHTML = 'Hello World'} & lt / script & gt & lt / body & gt & lt / html & gt 
Týmto sa dostávame na koniec tohto addEventListener v JavaScripte. Dúfam, že ste pochopili, ako poslucháč udalostí metóda pracuje v JavaScripte.
Vyskúšajte naše ktorá prináša živé školenie vedené inštruktorom a skúsenosti s projektmi v reálnom živote. Toto školenie vám pomôže získať zručnosti v oblasti práce s webovými technológiami typu back-end a front-end. Zahŕňa školenie zamerané na vývoj webových aplikácií, jQuery, Angular, NodeJS, ExpressJS a MongoDB.
Máte na nás otázku? Uveďte to v sekcii komentárov v blogu „addEventListener in JavaScript“ a my sa vám ozveme.