ASP.NET MVC - Håndtering av hendelser i DOM med jQuery

Innholdsfortegnelse
Håndtering Javascript I sin reneste form i en webapplikasjon har det alltid vært et kontroverspunkt, det er de som forsvarer denne stilen og sier at det er gevinster i ytelse, og det er de som foretrekker å bruke et rammeverk som lar dem oppsummere mengden instruksjoner .
Uansett posisjon er alt som får oss til å skrive kortere kode og med færre feil noe viktig, selvfølgelig er ytelse et veldig viktig spørsmål å huske på, men for hendelseshåndtering er det ingenting som jQueryDette rammeverket lar oss manipulere DOM -treet på en veldig enkel måte, og det har allerede noen lag for å kontrollere hvordan vi kan aktivere hendelsene.
Forbereder et arrangement med jQuery
Vi vet det allerede med arrangementet ved trykk () vi kan spore når en bruker klikker på elementet som er knyttet til denne hendelsen, selv om koden er inne Javascript Ren er ikke veldig kompleks, når vi må gjøre flere og mer avanserte ting, vil vi ende opp med å skrive en stor mengde kode, så å oppsummere dette ved hjelp av jQuery kan være veldig nyttig.
La oss se i følgende eksempel hvordan du foretar et onclick () -anrop ved hjelp av jQuery i dette tilfellet:
 

Her er det første som fanger vår oppmerksomhet den første linjen, i den har vi inkludert jQuery, men i stedet for å være vert for den i applikasjonen vår, kommer vi til å kalle den fra CDN av GoogleDette er en god praksis siden den lar oss ha en ressurs alltid tilgjengelig, og vi unngår å falle fra vår side.
Deretter definerer vi et element med en unik ID for dokumentet, så langt er det ikke noe spesielt, nå kommer det nye, vi ser at vi har en $ (function () {}) dette er et element av jQuery som indikerer at denne koden må aktiveres når dokumentet vårt er lastet inn, og med dette sørger vi for at alt som er inne kan sees av applikasjonen vår.
Til slutt forteller vi vårt rammeverk at når du klikker på elementet med den angitte IDen, aktiverer du en metode i dette tilfellet vi oppnår den med $ ("# btn-event"). klikk på (activeEvent); Forklaringen kan virke litt lang, men med denne måten å jobbe på kan vi lagre mange feil i koden og oppsummere antall linjer som er inkludert.
La oss se hvordan det ser ut i nettleseren vår når vi utfører den forklarte koden:

FORSTØRRE

ViktigDette arbeidet med jQuery Det den gjør er å pakke all koden vi trenger for å definere en hendelse, slik at vi kan ringe på en enklere måte, selvfølgelig, ettersom dette er en ny tolkning av Javascript som sådan kan vi ha litt mindre ytelse, men for tiden er det noe som ikke bør bekymre oss mye, siden nåværende terminaler har nok potensial til å håndtere dette og mer.
Med dette fullfører vi denne opplæringen, ettersom vi har flere alternativer som hjelper oss å håndtere hendelser på klientsiden, noe som kan være en hjelp når vi lager komplekse applikasjoner i ASP.NET MVC.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng
wave wave wave wave wave