ASP.NET MVC - Gestione degli eventi nel DOM

Quando deleghiamo alcune funzionalità al livello client della nostra applicazione, abbiamo bisogno di alcuni modi più diretti per poter esercitare il controllo sul nostro programma, sebbene Javascript È un linguaggio molto potente, non solo rimane lì, ma ci offre anche la possibilità di ascoltare e interagire con ciò che l'utente fa nel documento HTML.
Questi elementi di interazione sono noti come eventi, gli eventi vanno dal clic su un elemento specifico, al sapere se la pagina viene aggiornata, se il puntatore del mouse viene passato su un elemento, ecc. Con questo possiamo sviluppare altri tipi di routine che aiutano a scaricare il lavoro dalla nostra logica del server.
Evento Onclick()
Questo è forse uno degli eventi più utilizzati e più utili che abbiamo nel nostro arsenale di Javascript. L'evento al clic () consiste in un metodo che applicato a un elemento della nostra albero DOM Ci consente di gestire quando un utente fa clic su di esso, ad esempio se abbiamo un'ancora o un collegamento ma non vogliamo che indirizzi l'utente a un'altra pagina ma esegua un'azione specifica o quando creiamo un pulsante che non ha per inviare un modulo. Ci sono molte cose che questo evento ci permette di fare se abbiamo un po' di creatività.
Vediamo un codice molto semplice di seguito per far funzionare questo evento:

Questo codice è molto semplice, definiamo un elemento nel nostro HTML, in questo caso un input e te lo diciamo nel tuo evento al clic chiamerà la funzione attivareEvento (), poi in un blocco di script definiamo il codice di questa funzione, a scopo dimostrativo attiviamo un messaggio pop-up mettere in guardia () con un testo, vediamo come appare nel nostro browser:

INGRANDIRE

È dimostrato quindi che è molto semplice gestire questo tipo di eventi nei nostri programmi, tuttavia questo non è l'unico modo che abbiamo per manipolare il nostro SOLE, possiamo svolgere lo stesso esempio in un altro modo un po' meno rigido, poiché ci consentirebbe di condizionare l'evento a seconda di ciò che ci serve, vediamo prima il codice:

In questo esempio vediamo che non leghiamo più l'evento all'elemento, ma nel nostro script diciamo all'oggetto documento che sentirà quando fanno clic sull'elemento che chiamiamo con il suo id, quindi se fanno clic su di esso deve chiamare una funzione.
ImportanteQuesto modo di lavorare è molto più pulito del precedente e garantisce che possiamo riutilizzare i nostri elementi, si consiglia vivamente di lavorare sempre in base al fatto che riutilizzeremo ciò che facciamo, in questo modo possiamo accelerare il nostro processo di sviluppo del software .
Come abbiamo potuto vedere, lavorando con gli eventi nel albero DOM usando Javascript in ASP.NET MVC È qualcosa di abbastanza semplice, dobbiamo solo padroneggiare queste basi per essere in grado di creare funzionalità migliori e applicarle nelle nostre applicazioni.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo