Události jsou akce nebo výskyty, ke kterým dojde v systému. Ve světě programování události jsou něco, co se stane s prvky HTML. Ale když používá se na stránkách HTML, může na tyto události reagovat. V tomto článku uvidíme, jaké jsou různé typy událostí v JavaScriptu a jak fungují, v následujícím pořadí:
Co jsou události v JavaScriptu?
Javascript obsahuje události, které poskytují dynamické rozhraní webové stránky. Tyto události jsou spojeny s prvky v Model objektu dokumentu (ROZSUDEK).
Tyto události také ve výchozím nastavení používají bublající šíření, tj. Nahoru v DOMu od dětí k rodičům. Události můžeme vázat buď jako vložené, nebo v externím skriptu. S pomocí JavaScriptu můžete zjistit, kdy dojde k určitým událostem, a způsobit, že k nim dojde v reakci na tyto události.
Typy událostí v JavaScriptu
Ve službě jsou různé typy událostí které se používají k reakci na události. Zde probereme některé slavné nebo nejčastěji používané události, jako například:
- Při kliknutí
- Onkeyup
- Onmouseover
- Onload
- Zaostřeno
Pojďme tedy dál a podívejme se na tyto události v JavaScriptu s příkladem.
Událost Onclick
Událost Onclick je událost myši a provokuje jakoukoli logiku definovanou, pokud uživatel klikne na prvek, na který je vázán. Uveďme si příklad a podívejme se, jak to funguje:
java nové datum z řetězce
function edu () {alert ('Welcome to Edureka!')} Klepněte na tlačítkoVýstup:
Po kliknutí na tlačítko se zobrazí následující výstražná zpráva:
Událost Onekeyup
Tato událost je událost klávesnice a slouží k provádění pokynů, kdykoli po stisknutí klávesy dojde k uvolnění klávesy. Následující příklad ukazuje fungování události:
var a = 0 var b = 0 var c = 0 funkce 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ýstup:
Poté, co něco napíšete, vypadá to takto:
Událost Onmouseover
Událost onmouseover v JavaScriptu odpovídá umístění kurzoru myši nad prvek a jeho podřízené prvky, ke kterým je vázán. Příklad je uveden níže:
funkce hov () {var e = document.getElementById ('hover') e.style.display = 'none'}Výstup:
Před podržením myši se zobrazí barevné pole. Jakmile najedete myší nad rámeček, zmizí.
Událost načtení
Událost onload je vyvolána, když je prvek načten úplně. Uveďme si příklad a podívejme se, jak to funguje:
Výstup:
Událost Onfocus
Událost Onfocus má výpis prvků, který provádí pokyny, kdykoli dostane fokus. Následující příklad ukazuje, jak funguje událost onfocus:
function focus () {var e = document.getElementById ('input') if (confirm ('Focus Event')) {e.blur ()}}Zaostření ve vstupním poli:
Výstup:
Toto jsou některé z nejčastěji používaných událostí v JavaScriptu. Tím jsme se dostali na konec našeho článku. Doufám, že jste pochopili, co jsou události a jak se používají.
Podívejte se na naše který přichází s živým tréninkem vedeným instruktorem a zkušenostmi z reálného projektu. Toto školení vám umožní ovládat dovednosti práce s webovými technologiemi typu back-end a front-end. Zahrnuje školení na Web Development, jQuery, Angular, NodeJS, ExpressJS a MongoDB.
Máte na nás dotaz? Uveďte to prosím v sekci komentářů tohoto blogu a my se vám ozveme.