Mis on JavaScripti sündmused ja kuidas neid käsitletakse?

JavaScripti sündmused pakuvad veebisaidile dünaamilist liidest. Need sündmused on ühendatud dokumendi objektimudeli (DOM) elementidega.

Sündmused on toimingud või juhtumid, mis toimuvad süsteemis. Programmeerimismaailmas sündmused on midagi, mis juhtub HTML-elementidega. Aga kui kasutatakse HTML-lehtedel, võib see nendele sündmustele reageerida. Selles artiklis näeme, mis on JavaScripti eri tüüpi sündmused ja kuidas need toimivad järgmises järjestuses:

Mis on JavaScripti sündmused?

Javascriptil on sündmusi, mis pakuvad veebilehele dünaamilist liidest. Need sündmused on ühendatud Dokumendi objekti mudel (KOHTUOTSUS).





Samuti kasutavad need sündmused vaikimisi pulbitsevat levikut, st DOM-is ülespoole lastelt vanematele. Saame sündmusi siduda kas tekstisiseste või välise skriptina. JavaScripti abil saate tuvastada, kui teatud sündmused juhtuvad, ja põhjustada asjade ilmnemist vastusena neile sündmustele.

Sündmuste tüübid JavaScriptis

Aastal toimub erinevat tüüpi üritusi mida kasutatakse sündmustele reageerimiseks. Siin arutleme mõne kuulsa või kõige sagedamini kasutatava sündmuse üle, näiteks:



  • Onclick
  • Onkeyup
  • Üle hiire
  • Koormus
  • Fookuses

Nii et jätkame ja vaatame neid sündmusi näiteks JavaScripti abil.

Onclicki sündmus

Sündmus Onclick on hiire sündmus ja kutsub esile igasuguse määratletud loogika, kui kasutaja klõpsab elemendil, millega see on seotud. Võtame näite ja vaatame, kuidas see töötab:

function edu () {alert ('Tere tulemast Edurekasse!')} Klõpsake nuppu

Väljund:



Väljund 1 - sündmused javascriptis - edureka

Pärast nupul klõpsamist kuvatakse järgmine hoiatusteade:

Onekeyup sündmus

See sündmus on klaviatuuri sündmus ja seda kasutatakse juhiste täitmiseks alati, kui klahv pärast vajutamist vabastatakse. Järgmine näide näitab sündmuse toimimist:

var a = 0 var b = 0 var c = 0 funktsiooni muutmine Taust () {var x = document.getElementById ('bg') bg.style.backgroundColor = 'rgb (' + a + ',' + b + ',' + c + ')' a + = 1 b + = a + 1 c + = b + 1, kui (a> 255) a = a - b, kui (b> 255) b = a, kui (c> 255) c = b}

Väljund:

Pärast midagi kirjutamist näeb see välja järgmine:

rekursiivne fibonacci c ++

Ümberpaigutamise sündmus

JavaScripti onmouseover sündmus vastab hiirekursori hõljutamisele elemendi ja selle laste kohal, millega see on seotud. Näide on toodud allpool:

function hov () {var e = document.getElementById ('hõljutama') e.style.display = 'puudub'}

Väljund:

Värviline kast ilmub enne hiire hõljutamist. Niipea kui hõljutate hiirt kasti kohal, kaob see.

Laaditud sündmus

Koormussündmus kutsutakse esile siis, kui element on täielikult laaditud. Võtame näite ja vaatame, kuidas see töötab:

  edu-Logo 

Väljund:

Fookuses sündmus

Sündmusel Onfocus on elementide loend, mis täidab juhiseid alati, kui see fookuse saab. Järgmine näide näitab, kuidas onfookuses sündmus töötab:

funktsioonile keskendunud () {var e = document.getElementById ('input') if (kinnita ('Focus Event')) {e.blur ()}}

Fookus sisestuskastis:

Väljund:

Need on mõned JavaScripti kõige sagedamini kasutatavad sündmused. Sellega oleme jõudnud oma artikli lõpuni. Loodan, et saite aru, mis on sündmused ja kuidas neid kasutatakse.

Vaadake meie mis on varustatud juhendajate juhitud elava koolituse ja reaalse elu projektikogemusega. See koolitus võimaldab teil omandada oskusi, mis võimaldavad töötada tagatipuliste ja esiotsa veebitehnoloogiatega. See sisaldab koolitust veebiarenduse, jQuery, Angular, NodeJS, ExpressJS ja MongoDB kohta.

Kas teil on meile küsimus? Palun mainige seda selle ajaveebi kommentaaride jaotises ja võtame teiega ühendust.