JavaScript'te Varsayılan Eylemleri İptal Etme

Bazen JavaScript kullanarak bir etiketin varsayılan eylemini iptal etmek gerekebilir. Örneğin, bir bağlantıya tıklandığında o bağlantıya gitme eyleminin iptal edilmesi. Genellikle bu tür bir durum, bağlantıyı sadece bir kod çalıştırmak için kullandığımızda ortaya çıkar. Bu durumda, bağlantıya tıklandığında ona gitme işleminin gerçekleşmesi hiç istemediğimiz bir şeydir.

Varsayılan eylemin iptali, Event nesnesi kullanılarak yapılır. Bunun için, olay işleyicisinin herhangi bir yerinde çağrılması gereken özel bir metodu vardır: preventDefault().

Pratikte deneyelim. Elimizde şöyle bir bağlantı olsun:

html<a href="/" id="elem">bağlantı</a>

Şimdi, bağlantıya tıklandığında başka bir sayfaya geçiş olmamasını sağlayalım:

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('Bu bağlantıya gidemezsiniz!');
});