BLOG

addEventListener bir kez çalıştırma?

Bazen bir HTML öğesine addEventListener ile event atadığımızda bunun sadece bir kez çalışmasını isteyebiliriz.   Options parametresi, olay dinleyicisi (addEventListener) hakkındaki konfigürasyonları belirten bir nesnedir. Bu kısımda ekleyeceğimiz { once: true } seçeneğiyle olay dinleyicimizi yalnızca bir kez çalışacak şekilde yapılandırabiliriz.   Aşağıda bununla ilgili kısa bir örnek var.   See the Pen addEventListener bir […]
Devamını Oku

querySelectorAll() ile seçilen elementlere tıklama etkinliği nasıl eklenir?

JavaScript’de etiketleri querySelectorAll() yöntemi ile seçtiğimizde bize bir NodeList Nesnesi (DOM öğelerinin listesi) döndürmektedir. Dönen sonuç diziye benzer ama değildir. Bu yöntem tarafından döndürülen bir NodeList Nesnesi (DOM öğelerinin listesi) üzerinde döngü yapmanın birçok yolu bulunmakta, bu döngü yöntemlerinden bazılarını kullanarak elementlerimize tıklama etkinliği kazandırabiliriz.   Bu yazıda bazılarını paylaşmak istiyorum.   1. For-loop

1
2
3
4
5
6
7
8
9
 
let list = document.querySelectorAll('li'), i;
 
for (i = 0; i < list .length; ++i) {
  list[i].addEventListener("click", () => {
    // console.log("click");
  })
}
 

[…]
Devamını Oku

Javascript addEventListener kullanımı?

JavaScript addEventListener yöntemi, bir kullanıcı bir düğmeyi tıkladığında olduğu gibi, belirli bir olay gerçekleştiğinde çağrılacak işlevleri ayarlamanıza olanak tanır. Olaylar, kullanıcı veya tarayıcı bir sayfayı manipüle ettiğinde gerçekleşen eylemlerdir. Örneğin, tarayıcı bir belgeyi yüklemeyi bitirdiğinde bir load olayı, bir kullanıcı bir sayfadaki bir düğmeyi tıklarsa, bir click olayı gerçekleşmiş olur.   JavaScript, addEventListener yöntemi bir […]
Devamını Oku

KATEGORİ

EN SON YAZILAR

POPÜLER ETİKETLER