ASP.NET MVC - obsługa zdarzeń w DOM

Spisie treści
Delegując część funkcjonalności do warstwy klienta naszej aplikacji, potrzebujemy bardziej bezpośrednich sposobów na sprawowanie kontroli nad naszym programem, chociaż JavaScript Jest to bardzo potężny język, nie tylko tam pozostaje, ale także daje nam możliwość słuchania i interakcji z tym, co użytkownik robi w dokumencie HTML.
Te elementy interakcji są znane jako wydarzenia, zdarzenia wahają się od kliknięcia określonego elementu, po sprawdzenie, czy strona jest odświeżona, czy wskaźnik myszy jest przesunięty nad element itp. Dzięki temu możemy opracować inne rodzaje procedur, które pomagają pobierać pracę z naszej logiki serwera.
Wydarzenie Onclick ()
Jest to prawdopodobnie jedno z najczęściej używanych i najbardziej przydatnych wydarzeń, które mamy w naszym arsenale JavaScript. Wydarzenie na kliknięcie () składa się z metody, która po zastosowaniu do elementu naszego drzewo DOM Pozwala nam zarządzać, kiedy użytkownik w nią kliknie, na przykład jeśli mamy kotwicę lub link, ale nie chcemy, aby kierował użytkownika na inną stronę, ale wykonał określoną akcję lub gdy tworzymy przycisk, który nie ma wysłać formularz. Jest wiele rzeczy, które to wydarzenie pozwala nam zrobić, jeśli mamy trochę kreatywności.
Zobaczmy bardzo prosty kod poniżej, aby to zdarzenie zadziałało:
 

Ten kod jest bardzo prosty, definiujemy element w naszym HTML, w tym przypadku wejście i mówimy Ci, że w Twoim przypadku na kliknięcie wywoła funkcję aktywujZdarzenie (), następnie w bloku skryptu definiujemy kod tej funkcji, w celach demonstracyjnych aktywujemy komunikat pop-up alarm () z tekstem, zobaczmy jak to wygląda w naszej przeglądarce:

POWIĘKSZAĆ

Wykazano wówczas, że obsługa tego typu zdarzeń w naszych programach jest bardzo prosta, jednak nie jest to jedyny sposób, w jaki musimy manipulować naszym SŁOŃCE, możemy przeprowadzić ten sam przykład w inny sposób, który jest nieco mniej sztywny, ponieważ pozwoliłoby nam to warunkować zdarzenie zgodnie z tym, czego potrzebujemy, zobaczmy najpierw kod:
 

W tym przykładzie widzimy, że nie wiążemy już zdarzenia z elementem, ale w naszym skrypcie mówimy do obiektu dokument że usłyszy, kiedy klikną na element, który wywołujemy przez jego id, to jeśli na niego klikną, musi wywołać funkcję.
WażnyTen sposób pracy jest znacznie czystszy niż poprzedni i zapewnia, że ​​możemy ponownie wykorzystać nasze elementy, zdecydowanie zaleca się, aby zawsze pracować w oparciu o to, czy zamierzamy ponownie wykorzystać to, co robimy, w ten sposób możemy przyspieszyć nasz proces tworzenia oprogramowania .
Jak widzieliśmy, praca z wydarzeniami w drzewo DOM za pomocą JavaScript w ASP.NET MVC To coś całkiem prostego, wystarczy opanować te podstawy, aby móc tworzyć lepsze funkcjonalności i stosować je w naszych aplikacjach.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt
wave wave wave wave wave