Co jsou události v JavaScriptu a jak jsou zpracovávány?

Události v JavaScriptu poskytují dynamické rozhraní webové stránky. Tyto události jsou spojeny s prvky v modelu Object Object (DOM).

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čítko

Výstup:



Výstup 1 - události v JavaScriptu - edureka

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:

  edu-Logo 

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.