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:
<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:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
console.log('Bu bağlantıya gidemezsiniz!');
});
Bağlantılar verilmiştir. Bir bağlantıya tıklandığında, sonuna kendi href'inin yazılmasını sağlayın ve bağlantıya gitme işlemi gerçekleşmesin.
İki girdi kutusu, bir paragraf ve bir bağlantı verilmiştir. Girdi kutularına sayılar girilsin. Bağlantıya tıklandığında, girilen sayıların toplamının paragrafa yazılmasını sağlayın.
