Kas yra „JavaScript“ įvykiai ir kaip jie tvarkomi?

„JavaScript“ įvykiai suteikia dinamišką sąsają su tinklalapiu. Šie įvykiai yra susieti su dokumento objekto modelio (DOM) elementais.

Įvykiai yra veiksmai ar įvykiai, vykstantys sistemoje. Programavimo pasaulyje įvykiai yra kažkas, kas nutinka HTML elementams. Bet kai yra naudojamas HTML puslapiuose, jis gali reaguoti į šiuos įvykius. Šiame straipsnyje pamatysime, kokie yra skirtingi „JavaScript“ įvykių tipai ir kaip jie veikia, tokia seka:

Kas yra „JavaScript“ įvykiai?

„Javascript“ turi įvykių, kurie suteikia dinamišką sąsają su tinklalapiu. Šie įvykiai yra susieti su Dokumento objekto modelis (SPRENDIMAS).





Be to, šie įvykiai pagal numatytuosius nustatymus naudoja burbuliuojantį sklidimą, ty aukštyn DOM nuo vaikų iki tėvų. Mes galime susieti įvykius kaip įterptinius arba išorinius scenarijus. „JavaScript“ pagalba galite nustatyti, kada įvyksta tam tikri įvykiai, ir paskatinti įvykius reaguoti į tuos įvykius.

Įvykių tipai „JavaScript“

Yra įvairių įvykių tipų kurie naudojami reaguoti į įvykius. Čia aptarsime keletą žinomų ar dažniausiai naudojamų renginių, tokių kaip:



  • Paspaudus
  • „Onkeyup“
  • Ant pelės
  • Apkrova
  • „Onfocus“

Taigi eikime ir pažiūrėkime į šiuos įvykius „JavaScript“ su pavyzdžiu.

Onclick renginys

„Onclick“ įvykis yra pelės įvykis ir išprovokuoja bet kurią apibrėžtą logiką, jei vartotojas spustelėja elementą, prie kurio jis yra susietas. Paimkime pavyzdį ir pažiūrėkime, kaip tai veikia:

funkcija edu () {alert ('Sveiki atvykę į „Edureka!“)} Spustelėkite mygtuką

Išvestis:



perkrauta vs nepaisoma java

1 išėjimas - įvykiai „javascript“ - „edureka“

Spustelėję mygtuką gausite šį įspėjimo pranešimą:

„Onekeyup“ renginys

Šis įvykis yra klaviatūros įvykis ir naudojamas instrukcijoms vykdyti, kai tik paspaudus klavišą atleidžiama. Šis pavyzdys rodo įvykio veikimą:

var a = 0 var b = 0 var c = 0 funkcijos pakeitimasBackground () {var x = document.getElementById ('bg') bg.style.backgroundColor = 'rgb (' + a + ',' + b + ',' + c + ')' a + = 1 b + = a + 1 c + = b + 1, jei (a> 255) a = a - b, jei (b> 255) b = a, jei (c> 255) c = b}

Išvestis:

Kai ką nors parašai, atrodo taip:

„Onmouseover“ renginys

„JavaScript“ „onmouseover“ įvykis atitinka pelės žymeklio užvedimą virš elemento ir jo vaikų, su kuriais jis yra susietas. Pavyzdys parodytas žemiau:

function hov () {var e = document.getElementById ('hover') e.style.display = 'none'}

Išvestis:

Spalvotas langelis pasirodo prieš užvedant pelę. Vos užvedus pelės žymeklį ant dėžutės, ji dingsta.

Įkėlimo įvykis

Įkrovos įvykis iššaukiamas, kai elementas yra visiškai įkeltas. Paimkime pavyzdį ir pažiūrėkime, kaip tai veikia:

  edu-logotipas 

Išvestis:

„Onfocus“ renginys

„Onfocus“ įvykyje yra elementų sąrašas, kuris vykdo instrukcijas, kai tik gauna dėmesį. Šis pavyzdys rodo, kaip veikia „onfocus“ įvykis:

funkcija sutelkta () {var e = document.getElementById ('input') if (patvirtinti ('Focus Event')) {e.blur ()}}

Sufokusuokite įvesties laukelyje:

Išvestis:

Tai yra vieni dažniausiai naudojamų „JavaScript“ įvykių. Tuo mes baigėme savo straipsnį. Tikiuosi, kad supratote, kas yra įvykiai ir kaip jie naudojami.

Patikrinkite mūsų kuris ateina su instruktorių vedamomis tiesioginėmis treniruotėmis ir realių projektų patirtimi. Šie mokymai leidžia išmokti dirbti su išorinėmis ir išorinėmis interneto technologijomis. Tai apima mokymus apie žiniatinklio plėtrą, „jQuery“, „Angular“, „NodeJS“, „ExpressJS“ ir „MongoDB“.

Turite mums klausimą? Prašau tai paminėti šio tinklaraščio komentarų skiltyje ir mes su jumis susisieksime.