ASP.NET MVC - Tratamento de Eventos no DOM

Ao delegar alguma funcionalidade para a camada de cliente de nosso aplicativo, precisamos de algumas maneiras mais diretas de sermos capazes de exercer controle sobre nosso programa, embora Javascript É uma linguagem muito poderosa, não só fica aí, mas também nos oferece a possibilidade de ouvir e interagir com o que o usuário faz no documento HTML.
Esses elementos de interação são conhecidos como eventos, os eventos variam desde clicar em um elemento específico, até saber se a página é atualizada, se o ponteiro do mouse é passado sobre um elemento, etc. Com isso podemos desenvolver outros tipos de rotinas que ajudam a baixar trabalhos de nossa lógica de servidor.
Evento Onclick ()
Este é talvez um dos eventos mais usados ​​e úteis que temos em nosso arsenal de Javascript. Evento onclick () consiste em um método que, quando aplicado a um elemento de nosso Árvore DOM Ele nos permite gerenciar quando um usuário clica nele, por exemplo, se temos uma âncora ou link, mas não queremos direcionar o usuário para outra página, mas para fazer alguma ação específica ou quando fazemos um botão que não tem para enviar um formulário. São muitas as coisas que este evento nos permite fazer se tivermos um pouco de criatividade.
Vamos ver um código muito simples abaixo para fazer esse evento funcionar:

Este código é muito simples, nós definimos um elemento em nosso HTML, neste caso, uma entrada e dizemos que em seu evento onclick vai chamar a função activateEvent (), então, em um bloco de script, definimos o código desta função, para fins de demonstração, ativamos uma mensagem pop-up alerta () com um texto, vamos ver como fica em nosso navegador:

PROLONGAR

Demonstra-se então que é muito simples tratar este tipo de eventos em nossos programas, porém esta não é a única forma que temos de manipular nossos SOL, podemos realizar o mesmo exemplo de outra forma um pouco menos rígida, pois nos permitiria condicionar o evento de acordo com o que precisamos, vamos ver o código primeiro:

Neste exemplo, vemos que não vinculamos mais o evento ao elemento, mas em nosso script dizemos ao objeto documento que ouvirá quando eles clicarem no elemento que chamamos por seu id, então, se clicarem nele, ele deve chamar uma função.
ImportanteEsta forma de trabalhar é muito mais limpa que a anterior e garante que possamos reaproveitar nossos elementos, é altamente recomendável trabalhar sempre com base no reaproveitamento do que fazemos, desta forma podemos agilizar nosso processo de desenvolvimento de software .
Como pudemos ver, trabalhar com eventos no Árvore DOM usando Javascript em ASP.NET MVC É algo bastante simples, bastando dominar essas bases para podermos criar melhores funcionalidades e aplicá-las em nossas aplicações.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo