Mik az Események a JavaScript-ben és hogyan kezelik őket?

A JavaScript-ben szereplő események dinamikus felületet biztosítanak egy weboldalhoz. Ezek az események a dokumentumobjektum modell (DOM) elemeihez kapcsolódnak.

Az események a rendszerben bekövetkező műveletek vagy események. A programozás világában események történnek a HTML elemekkel. De amikor HTML oldalakon használják, képes reagálni ezekre az eseményekre. Ebben a cikkben a következő sorrendben megnézzük, melyek a JavaScript különböző eseménytípusai és hogyan működnek:



Mik az események a JavaScript-ben?

A Javascript olyan eseményekkel rendelkezik, amelyek dinamikus felületet biztosítanak egy weboldalhoz. Ezek az események a Dokumentum objektum modell (ÍTÉLET).



Ezek az események alapértelmezés szerint a pezsgő terjedést használják, azaz felfelé a DOM-ban, gyermekektől szülőig. Az eseményeket akár inline, akár külső szkriptként köthetjük össze. A JavaScript segítségével észlelheti, amikor bizonyos események történnek, és előidézheti, hogy az eseményekre reagálva történjenek dolgok.

Eseménytípusok a JavaScript-ben

Különböző típusú események vannak amelyek az eseményekre reagálnak. Itt megvitatjuk a híres vagy leggyakrabban használt eseményeket, például:



  • Kattintásra
  • Onkeyup
  • Onmouseover
  • Feltöltés alatt
  • Onfocus

Tehát lépjünk tovább, és nézzük meg példaként ezeket az eseményeket JavaScript-ben.

Onclick esemény

Az Onclick esemény egy egéresemény, és minden logikát kivált, ha a felhasználó rákattint az elemre, amelyhez kötődik. Vegyünk egy példát, és nézzük meg, hogyan működik:

function edu () {alert ('Üdvözöljük az Edurekában!')} Kattintson a gombra

Kimenet:



1. kimenet - események javascriptben - edureka

A gombra kattintás után a következő figyelmeztető üzenetet kapja:

Onekeyup esemény

Ez az esemény egy billentyűzetesemény, és arra szolgál, hogy utasításokat hajtson végre, amikor egy gombot megnyomása után elengednek. A következő példa bemutatja az esemény működését:

var a = 0 var b = 0 var c = 0 függvényváltozás Háttér () {var x = document.getElementById ('bg') bg.style.backgroundColor = 'rgb (' + a + ',' + b + ',' + c + ')' a + = 1 b + = a + 1 c + = b + 1, ha (a> 255) a = a - b, ha (b> 255) b = a, ha (c> 255) c = b}

Kimenet:

Miután írt valamit, így néz ki:

Onmouseover esemény

Az onmouseover esemény a JavaScript-ben megfelel az egérmutatónak az elem és gyermekei fölé viselésével, amelyhez kötődik. Az alábbi példa látható:

function hov () {var e = document.getElementById ('lebeg') e.style.display = 'nincs'}

Kimenet:

A színes négyzet megjelenik, mielőtt az egérrel lebegne. Amint az egeret a doboz fölé viszi, eltűnik.

Onload esemény

A betöltési esemény akkor vált ki, amikor egy elem teljesen betöltődik. Vegyünk egy példát, és nézzük meg, hogyan működik:

  edu-logó 

Kimenet:

Onfocus esemény

Az Onfocus eseménynek van egy elemlistája, amely utasításokat hajt végre, amikor fókuszba kerül. A következő példa bemutatja az onfocus esemény működését:

függvény fókuszált () {var e = document.getElementById ('input') if (megerősít ('Focus Event')) {e.blur ()}}

Fókusz a beviteli mezőben:

Kimenet:

hogyan állítsuk be a java elérési utat a Windows rendszerben

Ezek a JavaScript-ben leggyakrabban használt események. Ezzel a cikkünk végére értünk. Remélem, megértette, mi az esemény, és hogyan használják.

Nézze meg a mi oldalunkat amely oktató által vezetett élő képzéssel és valós projekt-tapasztalattal jár. Ez a képzés elsajátítja a back-end és a front-end webes technológiák használatának képességeit. Ez magában foglalja a webfejlesztés, a jQuery, az Angular, a NodeJS, az ExpressJS és a MongoDB képzését.

Van egy kérdésünk? Kérjük, említse meg ennek a blognak a megjegyzés rovatában, és mi kapcsolatba lépünk Önnel.