Što su događaji u JavaScript-u i kako se s njima postupa?

Događaji u JavaScript-u pružaju dinamično sučelje za web stranicu. Ti su događaji povezani s elementima u objektnom modelu dokumenta (DOM).

Događaji su radnje ili događaji koji se događaju u sustavu. U svijetu programiranja, događaji su nešto što se događa s HTML elementima. Ali kada koristi se na HTML stranicama, može reagirati na ove događaje. U ovom ćemo članku vidjeti koje su različite vrste događaja u JavaScript-u i kako funkcioniraju, u sljedećem slijedu:

Što su događaji u JavaScript-u?

Javascript sadrži događaje koji pružaju dinamično sučelje za web stranicu. Ti su događaji povezani s elementima u Model objekta dokumenta (OSUDA).



Također, ovi događaji prema zadanim postavkama koriste širenje mjehurića, tj. Prema gore u DOM-u od djece do roditelja. Događaje možemo povezati bilo u obliku reda ili u vanjskoj skripti. Pomoću JavaScript-a možete otkriti kada se događaju određeni događaji i uzrokovati da se stvari dogode kao odgovor na te događaje.

Vrste događaja u JavaScript-u

Postoje različite vrste događaja u koji se koriste za reagiranje na događaje. Ovdje ćemo razgovarati o nekim poznatim ili najčešće korištenim događajima kao što su:

  • Na klik
  • Onkeyup
  • Prelazak mišem
  • Opterećenje
  • Onfocus

Krenimo dalje i pogledajmo ove događaje u JavaScript-u s primjerom.

Događaj Onclick

Događaj Onclick događaj je miša i izaziva bilo kakvu logiku definiranu ako korisnik klikne na element na koji je vezan. Uzmimo primjer i pogledajte kako to funkcionira:

funkcija edu () {alert ('Dobrodošli u Edureku!')} Kliknite gumb

Izlaz:

Izlaz 1 - događaji u javascriptu - edureka

Nakon što kliknete gumb, dobit ćete sljedeću poruku upozorenja:

Onekeyup događaj

Taj je događaj tipkovnice i koristi se za izvršavanje uputa kad god se tipka otpusti nakon pritiska. Sljedeći primjer pokazuje rad događaja:

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

Izlaz:

Nakon što nešto napišete, to izgleda ovako:

Onmouseover događaj

Događaj prelaska mišem u JavaScriptu odgovara prelasku pokazivača miša preko elementa i njegovih podređenih elemenata na koje je vezan. Primjer je prikazan u nastavku:

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

Izlaz:

Okvir u boji pojavljuje se prije lebdenja miša. Čim zadržite miš iznad okvira, on nestaje.

Događaj preopterećenja

Događaj onload aktivira se kad se element u potpunosti učita. Uzmimo primjer i pogledajte kako to funkcionira:

  edu-Logo 

Izlaz:

Onfocus događaj

Događaj Onfocus ima popis elemenata koji izvršava upute kad god dobije fokus. Sljedeći primjer pokazuje kako funkcionira onfocus događaj:

funkcija fokusirana () {var e = document.getElementById ('input') if (potvrdi ('Focus Event')) {e.blur ()}}

Fokus u okviru za unos:

Izlaz:

Ovo su neki od najčešće korištenih događaja u JavaScript-u. Ovime smo došli do kraja našeg članka. Nadam se da ste razumjeli što su događaji i kako se koriste.

Pogledajte naš koja dolazi s treningom uživo pod vodstvom instruktora i iskustvom u stvarnom životu. Ovaj trening čini vas vještima za rad s back-end i front-end web tehnologijama. Uključuje obuku o web razvoju, jQueryju, Angularu, NodeJS, ExpressJS i MongoDB.

pass by value i pass by reference u javi

Imate pitanje za nas? Molimo vas da ga spominjete u odjeljku za komentare ovog bloga i mi ćemo vam se javiti.