ASP.NET MVC - Hændelseshåndtering i DOM

Når vi delegerer noget funktionalitet til klientlaget i vores applikation, har vi brug for nogle mere direkte måder at være i stand til at udøve kontrol over vores program, selvom Javascript Det er et meget kraftfuldt sprog, ikke bare bliver det der, det giver os også mulighed for at lytte og interagere med, hvad brugeren gør i dokumentet HTML.
Disse interaktionselementer er kendt som begivenheder, begivenhederne spænder fra at klikke på et bestemt element, til at vide om siden er opdateret, hvis musemarkøren føres over et element osv. Med dette kan vi udvikle andre typer rutiner, der hjælper med at downloade arbejde fra vores serverlogik.
Onclick () -begivenhed
Dette er måske en af ​​de mest brugte og mest nyttige begivenheder, vi har i vores arsenal af Javascript. Begivenheden onclick () består af en metode, der når den anvendes på et element af vores DOM træ Det giver os mulighed for at styre, når en bruger klikker på det, for eksempel hvis vi har et anker eller et link, men vi ønsker ikke, at det skal lede brugeren til en anden side, men for at udføre en bestemt handling, eller når vi laver en knap, der ikke har at sende en formular. Der er mange ting, som denne begivenhed giver os mulighed for at gøre, hvis vi har lidt kreativitet.
Lad os se en meget enkel kode herunder for at få denne begivenhed til at fungere:

Denne kode er meget enkel, vi definerer et element i vores HTML, i dette tilfælde et input, og det fortæller vi dig i dit arrangement onclick vil kalde funktionen activeEvent (), så definerer vi i en scriptblok koden for denne funktion, for demonstrationsformål aktiverer vi en pop-up-besked advarsel () med en tekst, lad os se, hvordan det ser ud i vores browser:

FORSTØRRE

Det demonstreres da, at det er meget enkelt at håndtere denne type hændelser i vores programmer, men det er ikke den eneste måde, vi skal manipulere vores SOL, kan vi udføre det samme eksempel på en anden måde, der er lidt mindre stiv, da det ville give os mulighed for at betingelse af begivenheden i henhold til, hvad vi har brug for, lad os først se koden:

I dette eksempel ser vi, at vi ikke længere binder begivenheden til elementet, men i vores script siger vi til objektet dokument at det vil høre, når de klikker på det element, vi kalder ved dets id, så hvis de klikker på det, skal det kalde en funktion.
VigtigDenne måde at arbejde på er meget renere end den foregående og sikrer, at vi kan genbruge vores elementer, det kan varmt anbefales altid at arbejde ud fra, om vi skal genbruge det, vi gør, på denne måde kan vi fremskynde vores softwareudviklingsproces .
Som vi kunne se, arbejdede vi med begivenheder i DOM træ ved brug af Javascript i ASP.NET MVC Det er noget ganske enkelt, vi skal bare mestre disse baser for at kunne skabe bedre funktionaliteter og anvende dem i vores applikationer.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt