✅ ASP.NET MVC - Hendelseshåndtering i DOM

Innholdsfortegnelse

Når vi delegerer noen funksjoner til klientlaget i applikasjonen vår, trenger vi noen mer direkte måter for å kunne utøve kontroll over programmet vårt, selv om Javascript Det er et veldig kraftig språk, ikke bare blir det der, det gir oss også muligheten til å lytte og samhandle med hva brukeren gjør i dokumentet HTML.
Disse interaksjonselementene er kjent som arrangementerhendelsene varierer fra å klikke på et bestemt element, til å vite om siden er oppdatert, om musepekeren blir ført over et element, etc. Med dette kan vi utvikle andre typer rutiner som hjelper til med å laste ned arbeid fra serverlogikken vår.
Onclick () -arrangement
Dette er kanskje en av de mest brukte og mest nyttige hendelsene vi har i vårt arsenal av Javascript. Hendelsen ved trykk () består av en metode som når den brukes på et element av vår DOM -tre Den lar oss administrere når en bruker klikker på den, for eksempel hvis vi har et anker eller en lenke, men vi ikke vil at den skal lede brukeren til en annen side, men for å utføre en bestemt handling eller når vi lager en knapp som ikke har å sende et skjema. Det er mange ting denne hendelsen lar oss gjøre hvis vi har litt kreativitet.
La oss se en veldig enkel kode nedenfor for å få denne hendelsen til å fungere:

Denne koden er veldig enkel, vi definerer et element i vår HTML, i dette tilfellet en innspill, og vi forteller deg det i ditt arrangement ved trykk kommer til å kalle funksjonen activeEvent (), så definerer vi i en skriptblokk koden for denne funksjonen, for demonstrasjonsformål aktiverer vi en popup-melding varsling () med en tekst, la oss se hvordan det ser ut i nettleseren vår:

FORSTØRRE

Det demonstreres da at det er veldig enkelt å håndtere denne typen hendelser i programmene våre, men dette er ikke den eneste måten vi må manipulere våre SOL, kan vi utføre det samme eksemplet på en annen måte som er litt mindre stiv, siden det ville tillate oss å betingelse av hendelsen i henhold til det vi trenger, la oss se koden først:

I dette eksemplet ser vi at vi ikke lenger binder hendelsen til elementet, men i skriptet vårt sier vi til objektet dokument at den vil høre når de klikker på elementet som vi kaller med dens ID, så hvis de klikker på den må den kalle en funksjon.
ViktigDenne måten å jobbe på er mye renere enn den forrige og sikrer at vi kan gjenbruke elementene våre. Det anbefales på det sterkeste å alltid jobbe ut fra om vi skal gjenbruke det vi gjør, på denne måten kan vi fremskynde programvareutviklingsprosessen .
Som vi kunne se, jobber vi med hendelser i DOM -tre ved hjelp av Javascript i ASP.NET MVC Det er noe ganske enkelt, vi må bare mestre disse basene for å kunne skape bedre funksjoner og bruke dem i applikasjonene våre.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng