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 gombraKimenet:
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:
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.