Kas ir JavaScript notikumi un kā tie tiek apstrādāti?

Notikumi ir darbības vai notikumi, kas notiek sistēmā. Programmēšanas pasaulē notikumi notiek ar HTML elementiem. Bet, kad tiek izmantots HTML lapās, tas var reaģēt uz šiem notikumiem. Šajā rakstā mēs redzēsim, kādi ir dažādi JavaScript notikumu veidi un kā tie darbojas šādā secībā:

• Kas ir notikumi JavaScript?
• Pasākumu veidi JavaScript
  • Onclick notikums
  • Sākotnējais pasākums
  • Notikums Onmouseover
  • Slodzes notikums
  • Onfocus notikums

Kas ir notikumi JavaScript?

Javascript ir notikumi, kas nodrošina dinamisku saskarni tīmekļa vietnei. Šie notikumi ir saistīti ar Dokumenta objekta modelis (SPRIEDUMS).

Arī šie notikumi pēc noklusējuma izmanto burbuļojošu izplatīšanos, t.i., augšup DOM no bērniem līdz vecākiem. Mēs varam saistīt notikumus vai nu kā iekšējos, vai ārējos skriptos. Ar JavaScript palīdzību jūs varat noteikt, kad notiek noteikti notikumi, un izraisīt notikumu rašanos, reaģējot uz šiem notikumiem.

Pasākumu veidi JavaScript

Vietnē ir dažādi notikumu veidi kas tiek izmantoti, lai reaģētu uz notikumiem. Šeit mēs apspriedīsim dažus no slavenākajiem vai visbiežāk izmantotajiem notikumiem, piemēram:

• Onclick
• Sākt
• Pārvietoties uz peles
• Slodze
• Uzmanība

Tāpēc turpināsim un apskatīsim šos notikumus JavaScript ar piemēru.

Onclick notikums

Onclick notikums ir peles notikums un izraisa jebkādu definētu loģiku, ja lietotājs noklikšķina uz tā saistītā elementa. Ņemsim piemēru un redzēsim, kā tas darbojas:

function edu () {alert ('Laipni lūdzam Edureka!')} Noklikšķiniet uz pogas

Izeja:

Pēc noklikšķināšanas uz pogas tiek parādīts šāds brīdinājuma ziņojums:

Onekeyup notikums

Šis notikums ir tastatūras notikums, un to izmanto, lai izpildītu instrukcijas ikreiz, kad pēc nospiešanas tiek atbrīvots taustiņš. Šis piemērs parāda notikuma darbību:

var a = 0 var b = 0 var c = 0 funkcija changeBackground () {var x = document.getElementById ('bg') bg.style.backgroundColor = 'rgb (' + a + ',' + b + ',' + c + ')' a + = 1 b + = a + 1 c + = b + 1 ja (a> 255) a = a - b ja (b> 255) b = a ja (c> 255) c = b}

Izeja:

Pēc tam, kad esat kaut ko uzrakstījis, tas izskatās šādi:

Notikums Onmouseover

Onmouseover notikums JavaScript atbilst peles rādītāja virzīšanai virs elementa un tā bērniem, kuriem tas ir saistīts. Piemērs ir parādīts zemāk:

function hov () {var e = document.getElementById ('hover') e.style.display = 'none'}

Izeja:

Pirms peles novietošanas kursorā parādās krāsainā lodziņš. Tiklīdz jūs novietojat peli virs kastes, tā pazūd.

Slodzes notikums

Slodzes notikums tiek izsaukts, kad elements ir pilnībā ielādēts. Ņemsim piemēru un redzēsim, kā tas darbojas:

Izeja:

Onfocus notikums

Onfocus notikumam ir elementu saraksts, kas izpilda norādījumus ikreiz, kad saņem fokusu. Šis piemērs parāda, kā darbojas onfocus notikums:

funkcija fokusēta () {var e = document.getElementById ('input') if (apstiprināt ('Focus Event')) {e.blur ()}}
Fokuss ievades lodziņā:
blīvs savienojums vs vaļīgs savienojums
 

Izeja:

Šie ir daži no visbiežāk izmantotajiem notikumiem JavaScript. Ar to mēs esam nonākuši pie sava raksta beigām. Es ceru, ka jūs sapratāt, kas ir notikumi un kā tie tiek izmantoti.

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 komentāru sadaļā, un mēs ar jums sazināsimies.