preventDefault Nedir ?

Mehmet Dilmen
1 min readNov 11, 2021

--

Merhaba!

preventDefault Fonksiyonu: Nedir ve Ne Zaman Kullanılır?

Web sitelerinde, kullanıcıların belirli elementlere yaptıkları eylemler (örneğin, bir link tıklaması veya form gönderimi) varsayılan olarak belirli sonuçlara yol açar. Ancak, geliştiriciler bazen bu varsayılan eylemleri engellemek ve yerine kendi işlevlerini çalıştırmak isterler. İşte bu noktada, preventDefault fonksiyonu devreye girer.

preventDefault Fonksiyonunun Kullanım Alanları:

preventDefault fonksiyonu, özellikle JavaScript ve jQuery gibi web teknolojilerinde yaygın olarak kullanılır. Bu fonksiyon sayesinde, bir linkin varsayılan olarak sayfayı yeniden yönlendirme işlemi, bir formun gönderilmesi veya bir butona tıklanınca oluşacak olaylar gibi varsayılan davranışlar engellenebilir.

Örnek Senaryo:

Diyelim ki, bir web sayfasında “İletişim” adında bir link var ve bu link, kullanıcı tıkladığında başka bir sayfaya yönlendirme yapıyor. Ancak, geliştirici bu yönlendirmeyi engellemek ve yerine bir pop-up pencere açmak istiyor. Bu durumda, preventDefault fonksiyonu kullanılır:

$('#iletisimLinki').click(function(event){
event.preventDefault();
// Burada, varsayılan yönlendirme engellenir ve yerine istenen yeni işlev (örneğin, bir pop-up pencere açma) gerçekleştirilir.
// Yeni işlevin kodları buraya eklenebilir.
});

Neden preventDefault Kullanmalıyız?

preventDefault kullanmanın temel nedeni, web uygulamanızın kullanıcı etkileşimlerini daha kontrollü ve esnek bir şekilde yönetmek istemenizdir. Bu sayede, kullanıcıların yapacağı eylemleri önceden tahmin edebilir ve bu eylemlere özel tepkiler geliştirebilirsiniz. Böylece, kullanıcı deneyimini geliştirmek için özelleştirilmiş davranışlar sunabilirsiniz.

--

--