ASP.NET MVC - DOM'de Olay İşleme

Uygulamamızın istemci katmanına bazı işlevleri devrederken, programımız üzerinde kontrol uygulayabilmek için daha doğrudan yollara ihtiyacımız var, ancak Javascript Çok güçlü bir dildir, sadece orada kalmakla kalmaz, aynı zamanda bize kullanıcının belgede ne yaptığını dinleme ve etkileşim kurma imkanı da sunar. HTML.
Bu etkileşim öğeleri olarak bilinir Etkinlikler, olaylar belirli bir öğeye tıklamaktan sayfanın yenilenip yenilenmediğini, fare işaretçisinin bir öğenin üzerinden geçip geçmediğini vb. bilmeye kadar uzanır. Bununla, sunucu mantığımızdan iş indirmeye yardımcı olan başka tür rutinler geliştirebiliriz.
Onclick () olayı
Bu belki de cephaneliğimizdeki en çok kullanılan ve en faydalı olaylardan biridir. Javascript. Olay tıklamada () bir elemente uygulandığında bir yöntemden oluşur. DOM ağacı Bir kullanıcı tıkladığında, örneğin bir bağlantımız veya bağlantımız varsa, ancak kullanıcıyı başka bir sayfaya yönlendirmesini değil, belirli bir işlem yapmasını istiyorsak veya bir düğme yaptığımızda bunu yönetmemizi sağlar. bir form göndermek için. Biraz yaratıcılığımız varsa, bu etkinliğin yapmamıza izin verdiği birçok şey var.
Bu olayın çalışması için aşağıda çok basit bir kod görelim:

Bu kod çok basit, bizde bir element tanımlıyoruz. HTML, bu durumda bir girdi ve size etkinliğinizde bunu söylüyoruz tıklamada işlevi çağıracak activeEvent (), sonra bir komut dosyası bloğunda bu işlevin kodunu tanımlarız, gösteri amacıyla bir açılır mesajı etkinleştiririz Alarm () bir metinle tarayıcımızda nasıl göründüğüne bakalım:

BÜYÜT

O zaman, programlarımızda bu tür olayları ele almanın çok basit olduğu kanıtlanmıştır, ancak bu, programlarımızı manipüle etmenin tek yolu değildir. GÜNEŞ, aynı örneği biraz daha az katı olan başka bir yolla da gerçekleştirebiliriz, çünkü bu, olayı ihtiyacımız olan şeye göre koşullandırmamıza izin verir, önce kodu görelim:

Bu örnekte artık olayı öğeye bağlamadığımızı görüyoruz, ancak betiğimizde nesneye söylüyoruz belge kimliği ile çağırdığımız elemana tıkladıklarında duyacakları, üzerine tıkladıklarında bir işlev çağırması gerekir.
ÖnemliBu çalışma şekli öncekinden çok daha temizdir ve elemanlarımızı yeniden kullanabilmemizi sağlar, her zaman yaptığımız şeyi tekrar kullanıp kullanmayacağımıza göre çalışmamız şiddetle tavsiye edilir, bu şekilde yazılım geliştirme sürecimizi hızlandırabiliriz. .
Gördüğümüz gibi, olaylarla çalışmak DOM ağacı kullanarak Javascript içinde ASP.NET MVC'si Bu oldukça basit bir şey, sadece daha iyi işlevler yaratabilmek ve bunları uygulamalarımızda uygulayabilmek için bu temellere hakim olmamız gerekiyor.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.