ASP.NET MVC - Gestion des événements dans le DOM

Lors de la délégation de certaines fonctionnalités à la couche client de notre application, nous avons besoin de moyens plus directs pour pouvoir exercer un contrôle sur notre programme, bien que Javascript C'est un langage très puissant, non seulement il y reste, il nous offre également la possibilité d'écouter et d'interagir avec ce que l'utilisateur fait dans le document HTML.
Ces éléments d'interaction sont appelés événements, les événements vont du clic sur un élément spécifique, au fait de savoir si la page est rafraîchie, si le pointeur de la souris est passé sur un élément, etc. Avec cela, nous pouvons développer d'autres types de routines qui aident à télécharger le travail à partir de notre logique de serveur.
Événement Onclick ()
C'est peut-être l'un des événements les plus utilisés et les plus utiles que nous ayons dans notre arsenal de Javascript. L'événement sur clic () consiste en une méthode qui, appliquée à un élément de notre arbre DOM Cela nous permet de gérer lorsqu'un utilisateur clique dessus, par exemple si nous avons une ancre ou un lien mais que nous ne voulons pas qu'il dirige l'utilisateur vers une autre page mais fasse une action spécifique ou lorsque nous créons un bouton qui n'a pas pour envoyer un formulaire. Il y a beaucoup de choses que cet événement nous permet de faire si nous avons un peu de créativité.
Voyons un code très simple ci-dessous pour faire fonctionner cet événement :

Ce code est très simple, nous définissons un élément dans notre HTML, dans ce cas une entrée et nous vous disons que dans votre événement sur clic va appeler la fonction activerEvénement (), puis dans un bloc de script on définit le code de cette fonction, à des fins de démonstration on active un message pop-up alerte () avec un texte, voyons à quoi cela ressemble dans notre navigateur :

AGRANDIR

Il est alors démontré qu'il est très simple de gérer ce type d'événements dans nos programmes, cependant ce n'est pas la seule façon dont nous avons pour manipuler nos SOLEIL, on peut réaliser le même exemple d'une autre manière un peu moins rigide, puisqu'elle permettrait de conditionner l'événement selon ce dont on a besoin, voyons d'abord le code :

Dans cet exemple, nous voyons que nous ne lions plus l'événement à l'élément, mais dans notre script, nous disons à l'objet document qu'il entendra quand ils cliquent sur l'élément que nous appelons par son identifiant, alors s'ils cliquent dessus, il doit appeler une fonction.
ImportantCette façon de travailler est beaucoup plus propre que la précédente et garantit que nous pouvons réutiliser nos éléments, il est fortement recommandé de toujours travailler en fonction de savoir si nous allons réutiliser ce que nous faisons, de cette façon nous pouvons accélérer notre processus de développement logiciel .
Comme nous avons pu le voir, travailler avec des événements dans le arbre DOM en utilisant Javascript dans ASP.NET MVC C'est quelque chose d'assez simple, il suffit de maîtriser ces bases pour pouvoir créer de meilleures fonctionnalités et les appliquer dans nos applications.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif