Inhoudsopgave
Bij het delegeren van functionaliteit aan de clientlaag van onze applicatie, hebben we wat meer directe manieren nodig om controle over ons programma uit te oefenen, hoewel Javascript Het is een zeer krachtige taal, het blijft daar niet alleen, het biedt ons ook de mogelijkheid om te luisteren en te communiceren met wat de gebruiker in het document doet HTML.Deze interactie-elementen staan bekend als: evenementen, variëren de gebeurtenissen van het klikken op een specifiek element tot weten of de pagina wordt vernieuwd, of de muisaanwijzer over een element gaat, enz. Hiermee kunnen we andere soorten routines ontwikkelen die helpen om werk van onze serverlogica te downloaden.
Onclick () evenement
Dit is misschien wel een van de meest gebruikte en nuttigste evenementen die we in ons arsenaal aan hebben Javascript. De gebeurtenis bij klikken () bestaat uit een methode die, wanneer toegepast op een element van onze DOM-boom Het stelt ons in staat om te beheren wanneer een gebruiker erop klikt, bijvoorbeeld als we een anker of link hebben, maar we willen niet dat het de gebruiker naar een andere pagina leidt, maar om een specifieke actie uit te voeren of wanneer we een knop maken die geen om een formulier te sturen. Er zijn veel dingen die dit evenement ons in staat stelt te doen als we een beetje creativiteit hebben.
Laten we een heel eenvoudige code hieronder bekijken om dit evenement te laten werken:
Deze code is heel eenvoudig, we definiëren een element in onze HTML, in dit geval een input en wij vertellen u dat in uw evenement bij klikken gaat de functie aanroepen activeergebeurtenis (), dan definiëren we in een scriptblok de code van deze functie, voor demonstratiedoeleinden activeren we een pop-upbericht waarschuwing () met een tekst, laten we eens kijken hoe het eruit ziet in onze browser:
VERGROTEN
In dit voorbeeld zien we dat we de gebeurtenis niet langer aan het element binden, maar in ons script zeggen we tegen het object document dat het zal horen wanneer ze klikken op het element dat we aanroepen met zijn id, en als ze erop klikken, moet het een functie aanroepen.
BelangrijkDeze manier van werken is veel schoner dan de vorige en zorgt ervoor dat we onze elementen kunnen hergebruiken, het is sterk aan te raden om altijd te werken vanuit de vraag of we gaan hergebruiken wat we doen, op deze manier kunnen we ons software ontwikkelproces versnellen .
Zoals we konden zien, werkt het werken met evenementen in de DOM-boom gebruik makend van Javascript in ASP.NET MVC Het is iets heel eenvoudigs, we moeten deze bases alleen onder de knie hebben om betere functionaliteiten te kunnen creëren en in onze applicaties toe te passen.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een positief punt te geven
