ASP.NET MVC - įvykių tvarkymas DOM

Deleguodami kai kurias funkcijas mūsų programos kliento sluoksniui, mums reikia daugiau tiesioginių būdų, kaip valdyti savo programą, nors Javascript Tai labai galinga kalba, kuri ne tik lieka ten, bet ir suteikia mums galimybę klausytis ir bendrauti su tuo, ką vartotojas daro dokumente HTML.
Šie sąveikos elementai yra žinomi kaip įvykius, įvykiai svyruoja nuo konkretaus elemento paspaudimo iki žinojimo, ar puslapis atnaujinamas, ar pelės žymeklis perkeliamas per elementą ir pan. Tokiu būdu galime sukurti kitų tipų procedūras, kurios padeda atsisiųsti darbą iš mūsų serverio logikos.
„Onclick“ () įvykis
Tai turbūt vienas iš dažniausiai naudojamų ir naudingiausių įvykių, kuriuos turime savo arsenale Javascript. Renginys paspaudus () susideda iš metodo, kuris, kai taikomas mūsų elementui DOM medis Tai leidžia mums valdyti, kai naudotojas spustelėja jį, pavyzdžiui, jei turime inkarą ar nuorodą, bet nenorime, kad jis nukreiptų naudotoją į kitą puslapį, bet atliktų tam tikrą konkretų veiksmą arba kai padarysime mygtuką, kurio nėra siųsti formą. Yra daug dalykų, kuriuos šis įvykis leidžia mums padaryti, jei turime šiek tiek kūrybiškumo.
Žemiau pamatysime labai paprastą kodą, kad šis įvykis veiktų:

Šis kodas yra labai paprastas, mes apibrėžiame elementą savo HTML, šiuo atveju įvestis ir mes jums tai pasakysime jūsų atveju paspaudus ketina iškviesti funkciją activEvent (), tada scenarijaus bloke mes apibrėžiame šios funkcijos kodą, demonstravimo tikslais aktyvuojame iššokantį pranešimą budrus () su tekstu, pažiūrėkime, kaip jis atrodo mūsų naršyklėje:

DIDELIS

Tada parodoma, kad labai paprasta valdyti tokio tipo įvykius mūsų programose, tačiau tai nėra vienintelis būdas, kuriuo turime manipuliuoti savo SAULĖ, tą patį pavyzdį galime atlikti ir kitu būdu, kuris yra šiek tiek mažiau griežtas, nes tai leistų mums įvykį sąlygoti pagal tai, ko mums reikia, pirmiausia pažiūrėkime kodą:

Šiame pavyzdyje matome, kad mes nebesiejame įvykio su elementu, bet savo scenarijuje sakome objektui dokumentas kad jis išgirs, kai jie spustelės elementą, kurį vadiname pagal jo ID, tada, jei spustelės jį, jis turi iškviesti funkciją.
SvarbuŠis darbo būdas yra daug švaresnis nei ankstesnis ir užtikrina, kad galime pakartotinai naudoti savo elementus, labai rekomenduojama visada dirbti atsižvelgiant į tai, ar ketiname pakartotinai naudoti tai, ką darome, tokiu būdu galime paspartinti programinės įrangos kūrimo procesą .
Kaip matėme, darbas su renginiais DOM medis naudojant Javascript į ASP.NET MVC Tai gana paprasta, mes tiesiog turime įsisavinti šias bazes, kad galėtume sukurti geresnes funkcijas ir pritaikyti jas savo programose.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką