Innehållsförteckning
Hantering Javascript I sin renaste form inom en webbapplikation har det alltid varit en kontrovers, det finns de som försvarar denna stil som säger att det finns vinster i prestanda och det finns de som föredrar att använda ett ramverk som gör att de kan sammanfatta mängden instruktioner .Oavsett position är allt som får oss att skriva kortare kod och med färre fel något viktigt, naturligtvis är prestanda en mycket viktig fråga att tänka på, men för händelsehantering finns det inget som jQueryDenna ram låter oss manipulera DOM -trädet på ett mycket enkelt sätt och det har redan några lager för att styra hur vi kan aktivera händelserna.
Förbereder ett evenemang med jQuery
Det vet vi redan med evenemanget onclick () vi kan spåra när en användare klickar på elementet som är kopplat till den här händelsen, även om koden in Javascript Pure är inte särskilt komplext, när vi måste göra fler och mer avancerade saker kommer vi att skriva en stor mängd kod, så att sammanfatta detta med jQuery kan vara till stor hjälp.
Låt oss se i följande exempel hur man gör ett onclick () -samtal med jQuery i det här fallet:
Här är det första som fångar vår uppmärksamhet den första raden, i den har vi inkluderat jQuery men istället för att vara värd för den i vår applikation kommer vi att kalla den från CDN av GoogleDetta är en bra praxis eftersom det tillåter oss att alltid ha en resurs tillgänglig och vi undviker att falla från vår sida.
Sedan definierar vi ett element med ett unikt id för dokumentet, än så länge är det inget speciellt, nu kommer det nya, vi ser att vi har ett $ (function () {}) detta är ett element av jQuery vilket indikerar att denna kod måste aktiveras när vårt dokument har laddats, med detta ser vi till att allt som finns inuti kan ses av vår applikation.
Slutligen berättar vi för vårt ramverk att när du klickar på elementet med det angivna idet aktiverar du en metod i det här fallet vi uppnår det med $ ("# btn-event"). klicka på (enableEvent); Förklaringen kan verka lite lång, men med detta sätt att arbeta kan vi spara många felkoder och sammanfatta antalet rader som ingår.
Låt oss se hur det ser ut i vår webbläsare när den förklarade koden körs:
FÖRSTORA
Med detta avslutar vi denna handledning, eftersom vi har fler alternativ som hjälper oss att hantera händelser på klientsidan, vilket kan vara en hjälp när vi gör komplexa applikationer i ASP.NET MVC.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
