Kaj so dogodki v JavaScript in kako se z njimi ravna?

Dogodki so dejanja ali dogodki, ki se zgodijo v sistemu. V svetu programiranja, dogodki so nekaj, kar se zgodi z elementi HTML. Ampak ko se uporablja na straneh HTML, se lahko odzove na te dogodke. V tem članku bomo videli, kakšne so različne vrste dogodkov v JavaScript in kako delujejo, v naslednjem zaporedju:

• Kaj so dogodki v JavaScript?
• Vrste dogodkov v JavaScript
  • Dogodek Onclick
  • Dogodek Onkeyup
  • Dogodek nad miško
  • Dogodek ob nalaganju
  • Dogodek Onfocus

Kaj so dogodki v JavaScript?

Javascript vsebuje dogodke, ki zagotavljajo dinamičen vmesnik do spletne strani. Ti dogodki so povezani z elementi v Predmetni model dokumenta (OBSODBA).

Tudi ti dogodki privzeto uporabljajo širjenje mehurčkov, tj. Navzgor v DOM od otrok do staršev. Dogodke lahko povežemo v vrstici ali v zunanjem skriptu. S pomočjo JavaScript lahko zaznate, kdaj se zgodijo določeni dogodki, in povzročite, da se stvari odzovejo na te dogodke.

Vrste dogodkov v JavaScript

V Ljubljani obstajajo različne vrste dogodkov ki se uporabljajo za odzivanje na dogodke. Tu bomo razpravljali o nekaterih znanih ali najpogosteje uporabljenih dogodkih, kot so:

• Onclick
• Onkeyup
• Onmouseover
• Preobremenitev
• Osredotočenost

Torej pojdimo naprej in si oglejte te dogodke v JavaScript s primeri.

Dogodek Onclick

Dogodek Onclick je dogodek miške in sproži kakršno koli logiko, določeno, če uporabnik klikne element, na katerega je vezan. Vzemimo primer in si oglejmo, kako deluje:

function edu () {alert ('Dobrodošli v Edureki!')} Kliknite gumb

Izhod:

Po kliku na gumb se prikaže naslednje opozorilno sporočilo:

Dogodek Onekeyup

Ta dogodek je dogodek na tipkovnici in se uporablja za izvajanje navodil, kadar koli po pritisku na tipko spustite tipko. Naslednji primer prikazuje delovanje dogodka:

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, če (a> 255) a = a - b, če (b> 255) b = a, če (c> 255) c = b}

Izhod:

Ko nekaj napišete, je videti tako:

Dogodek nad miško

Dogodek preklopa miške v JavaScript ustreza premikanju kazalca miške na element in njegove podrejene elemente, na katere je vezan. Primer je prikazan spodaj:

razlike med abstraktnim razredom in vmesnikom

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

Izhod:

Barvno okence se prikaže, preden miško premaknete. Takoj, ko miškin kazalec premaknete nad polje, ta izgine.

Dogodek ob nalaganju

Dogodek nalaganja se prikliče, ko se element naloži v celoti. Vzemimo primer in si oglejmo, kako deluje:

Izhod:

Dogodek Onfocus

Dogodek Onfocus ima seznam elementov, ki izvrši navodila, kadar koli dobi fokus. Naslednji primer prikazuje, kako deluje dogodek onfocus:

funkcija usmerjena () {var e = document.getElementById ('input') if (potrdi ('Focus Event')) {e.blur ()}}
Osredotočite se na polje za vnos:
 

Izhod:

To je nekaj najpogosteje uporabljenih dogodkov v JavaScript. S tem smo zaključili naš članek. Upam, da ste razumeli, kaj so dogodki in kako se uporabljajo.

Oglejte si našo ki prihaja z usposabljanjem pod vodstvom inštruktorjev v živo in izkušnjami iz resničnih projektov. To usposabljanje vam omogoča, da obvladate veščine za delo z zalednimi in prednjimi spletnimi tehnologijami. Vključuje usposabljanje za spletni razvoj, jQuery, Angular, NodeJS, ExpressJS in MongoDB.

Imate vprašanje za nas? Prosimo, omenite to v oddelku za komentarje tega spletnega dnevnika in javili se vam bomo.