Svarīga daļa ir notikums . Tīmekļa lapa reaģē atbilstoši notikušam notikumam. Daži notikumi ir lietotāju ģenerēti, bet citi - API. Šajā rakstā mēs redzēsim, kā notiek notikumi, un kā metodi JavaScript, addEventListener, izmanto šādā secībā:
- Kas ir notikumu klausītājs?
- AddEventListener () JavaScript
- Parametru vērtības
- AddEventListener JavaScript: Piemērs
Kas ir notikumu klausītājs?
Notikumu klausītājs ir procedūra JavaScript, kas gaida notikuma iestāšanos. Vienkāršs piemērs notikumu ir lietotājs, kurš noklikšķina uz peles vai nospiež tastatūras taustiņu.
The addEventListener () ir iebūvēts JavaScript funkcija kas prasa notikumu klausīties, un otrais arguments, kas jāsauc ikreiz, kad aprakstītais notikums tiek palaists. Jebkuru notikumu apstrādātāju skaitu var pievienot vienam elementam, nepārrakstot esošos notikumu apstrādātājus.
addEventListener () JavaScript
Daži no Iespējas pasākuma klausītāja metodes ietver:
- The addEventListener () metode pievieno pasākumu vadītājs uz norādīto elementu.
- Šī metode pievieno notikumu apstrādātāju elementam bez pārrakstīšana esošie pasākumu apstrādātāji.
- Jūs varat pievienot daudzi pasākumu apstrādātāji uz vienu elementu.
- Jūs varat pievienot daudz notikumu apstrādātāju tāda paša veida uz vienu elements , t.i., divi “klikšķu” notikumi.
- Pasākumu klausītājus var pievienot jebkuram SPRIEDUMS iebilst ne tikai HTML elementiem. i., loga objekts.
- To padara metode addEventListener () vieglāk kontrolēt, kā notikums reaģē līdz burbuļošanai.
Izmantojot metodi addEventListener (), JavaScript tiek atdalīts no marķējums, lai nodrošinātu labāku lasāmību, un ļauj pievienot notikumu klausītājus pat tad, ja nekontrolējat HTML iezīmēšanu.
Varat arī viegli noņemt notikumu klausītāju, izmantojot removeEventListener () metode .
Sintakse:
target.addEventListener (tips, klausītājs [, opcijas]) target.addEventListener (tips, klausītājs [, useCapture]) target.addEventListener (tips, klausītājs [, useCapture, wantsUntrusted])
Parametru vērtības
| Parametrs | Apraksts |
notikumu | Nepieciešams. Virkne, kas norāda notikuma nosaukumu. Piezīme. Nelietojiet prefiksu “on”. Piemēram, “onclick” vietā izmantojiet “click”. Visu HTML DOM notikumu sarakstu skatiet mūsu pilnīgajā HTML DOM notikuma objekta atsaucē. |
funkciju | Nepieciešams. Norāda funkciju, kas jāizpilda notikuma laikā. Kad notiek notikums, notikumam objekts tiek nodots funkcijai kā pirmais parametrs. Pasākuma veids objekts atkarīgs no norādītā notikuma. Piemēram, notikums “klikšķis” pieder objektam MouseEvent. |
useCapture | Neobligāti. Būla vērtība, kas norāda, vai notikums jāveic tveršanas vai burbuļošanas fāzē. Iespējamās vērtības: true - notikumu apstrādātājs tiek izpildīts notveršanas phasefalse- Default. Notikumu apstrādātājs tiek izpildīts burbuļošanas fāzē |
Tagad, kad jūs zināt, kā darbojas notikumu klausītājs, apskatīsim piemēru addEventListener () JavaScript.
addEventListener () JavaScript: Piemērs
& lt! DOCTYPE html & gt & lthtml & gt & ltbody & gt & ltp & gtŠajā piemērā funkcija AddEventListener () tiek izmantota, lai izpildītu funkciju, kad lietotājs noklikšķina uz pogas. ('myBtn'). addEventListener ('click', myFunction) funkcija myFunction () {document.getElementById ('demo'). internalHTML = 'Hello World'} & lt / script & gt & lt / body & gt & lt / html & gt 
Līdz ar to mēs esam pabeiguši šo addEventListener JavaScript. Es ceru, ka jūs sapratāt, kā pasākuma klausītājs metodi darbojas JavaScript.
Pārbaudiet mūsu kas nāk ar instruktoru vadītu tiešraides apmācību un reālās dzīves projektu pieredzi. Šīs apmācības ļauj jums prasmīgi strādāt ar back-end un front-end tīmekļa tehnoloģijām. Tas ietver apmācību par Web izstrādi, jQuery, Angular, NodeJS, ExpressJS un MongoDB.
Vai mums ir jautājums? Lūdzu, pieminējiet to emuāra “addEventListener in JavaScript” komentāru sadaļā, un mēs ar jums sazināsimies.
kas ir nosaukumvieta c ++