Udalosti sú akcie alebo udalosti, ku ktorým dôjde v systéme. Vo svete programovania udalosti sú niečo, čo sa stane s prvkami HTML. Ale keď sa používa na stránkach HTML, môže na tieto udalosti reagovať. V tomto článku uvidíme, aké sú rôzne typy udalostí v JavaScripte a ako fungujú, v nasledujúcom poradí:
Čo sú udalosti v JavaScripte?
Javascript obsahuje udalosti, ktoré poskytujú dynamické rozhranie pre webovú stránku. Tieto udalosti sú spojené s prvkami v Objektový model dokumentu (ROZSUDOK).
Tieto udalosti v predvolenom nastavení používajú bublinkové šírenie, tj smerom nahor v DOM od detí k rodičom. Udalosti môžeme viazať buď ako vložené, alebo pomocou externého skriptu. Pomocou JavaScriptu môžete zistiť, kedy dôjde k určitým udalostiam, a spôsobiť ich výskyt v reakcii na tieto udalosti.
Typy udalostí v JavaScripte
V programe sú rôzne typy udalostí ktoré sa používajú na reakciu na udalosti. Tu budeme diskutovať o niektorých slávnych alebo najbežnejšie používaných udalostiach, ako napríklad:
- Po kliknutí
- Onkeyup
- Onmouseover
- Onload
- Zaostrené
Poďme teda ďalej a pozrime sa na tieto udalosti napríklad v JavaScripte.
Udalosť Onclick
Udalosť Onclick je udalosť myši a vyvolá každú definovanú logiku, ak používateľ klikne na prvok, na ktorý je viazaný. Uveďme si príklad a ukážeme si, ako to funguje:
java nový dátum z reťazca
function edu () {alert ('Welcome to Edureka!')} Kliknite na tlačidloVýkon:
Po kliknutí na tlačidlo sa zobrazí nasledujúca výstražná správa:
Onekeyup udalosť
Táto udalosť je udalosť na klávesnici a slúži na vykonávanie pokynov vždy, keď sa kláves uvoľní po stlačení. Nasledujúci príklad ukazuje fungovanie udalosti:
var a = 0 var b = 0 var c = 0 funkcia 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}Výkon:
Keď niečo napíšete, bude to vyzerať takto:
Udalosť Onmouseover
Udalosť onmouseover v JavaScripte zodpovedá umiestneniu kurzora myši nad element a jeho podradené prvky, ku ktorým je viazaný. Príklad je uvedený nižšie:
funkcia hov () {var e = document.getElementById ('hover') e.style.display = 'none'}Výkon:
Pred podržaním myši sa zobrazí farebné políčko. Hneď ako umiestnite kurzor myši na rámček, zmizne.
Udalosť pri načítaní
Udalosť onload sa vyvolá, keď sa element úplne načíta. Uveďme si príklad a ukážeme si, ako to funguje:
Výkon:
Udalosť Onfocus
Udalosť Onfocus má zoznam prvkov, ktorý vykonáva pokyny vždy, keď dostane fokus. Nasledujúci príklad ukazuje, ako funguje udalosť onfocus:
function focus () {var e = document.getElementById ('input') if (confirm ('Focus Event')) {e.blur ()}}Zaostrenie na vstupné pole:
Výkon:
Toto sú niektoré z najčastejšie používaných udalostí v JavaScripte. Týmto sme sa dostali na koniec nášho článku. Dúfam, že ste pochopili, čo sú udalosti a ako sa používajú.
Vyskúšajte naše ktorá prináša živé školenie vedené inštruktorom a skúsenosti s projektmi v reálnom živote. Toto školenie vám pomôže získať zručnosti v oblasti práce s webovými technológiami typu back-end a front-end. Zahŕňa školenie zamerané na vývoj webových aplikácií, jQuery, Angular, NodeJS, ExpressJS a MongoDB.
Máte na nás otázku? Uveďte to, prosím, v sekcii komentárov tohto blogu a my sa vám ozveme.