✅ ASP.NET MVC - Händelsehantering i DOM

Innehållsförteckning

När vi delegerar vissa funktioner till klientlagret i vår applikation behöver vi några mer direkta sätt att kunna utöva kontroll över vårt program, även om Javascript Det är ett mycket kraftfullt språk, inte bara det stannar där, det ger oss också möjligheten att lyssna och interagera med vad användaren gör i dokumentet HTML.
Dessa interaktionselement är kända som evenemang, händelserna sträcker sig från att klicka på ett specifikt element, till att veta om sidan uppdateras, om muspekaren förs över ett element, etc. Med detta kan vi utveckla andra typer av rutiner som hjälper till att ladda ner arbete från vår serverlogik.
Onclick () -händelse
Detta är kanske en av de mest använda och mest användbara händelserna som vi har i vår arsenal av Javascript. Händelsen onclick () består av en metod som när den tillämpas på en del av vår DOM -träd Den tillåter oss att hantera när en användare klickar på den, till exempel om vi har ett ankare eller en länk men vi vill inte att den ska rikta användaren till en annan sida utan att utföra någon specifik åtgärd eller när vi gör en knapp som inte har att skicka ett formulär. Det finns många saker som denna händelse tillåter oss att göra om vi har lite kreativitet.
Låt oss se en mycket enkel kod nedan för att få denna händelse att fungera:

Denna kod är mycket enkel, vi definierar ett element i vår HTML, i det här fallet en ingång och det berättar vi för dig i ditt evenemang onclick kommer att ringa funktionen activeEvent (), sedan definierar vi i ett skriptblock koden för denna funktion, för demonstrationsändamål aktiverar vi ett popup-meddelande varna () med en text, låt oss se hur det ser ut i vår webbläsare:

FÖRSTORA

Det demonstreras då att det är mycket enkelt att hantera denna typ av händelser i våra program, men detta är inte det enda sättet vi måste manipulera våra SOL, vi kan utföra samma exempel på ett annat sätt som är lite mindre styvt, eftersom det skulle göra det möjligt för oss att konditionera händelsen enligt vad vi behöver, låt oss se koden först:

I det här exemplet ser vi att vi inte längre binder händelsen till elementet, men i vårt manus säger vi till objektet dokumentera att den kommer att höra när de klickar på elementet som vi kallar med dess id, så om de klickar på det måste det anropa en funktion.
ViktigDetta arbetssätt är mycket renare än det föregående och säkerställer att vi kan återanvända våra element, det rekommenderas starkt att alltid arbeta utifrån om vi ska återanvända det vi gör, på så sätt kan vi påskynda vår mjukvaruutvecklingsprocess .
Som vi kunde se, arbeta med evenemang i DOM -träd använder sig av Javascript i ASP.NET MVC Det är något ganska enkelt, vi måste bara behärska dessa baser för att kunna skapa bättre funktioner och tillämpa dem i våra applikationer.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng