Hakan Baykara | Front end Developer

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


let list = document.querySelectorAll('li'), i;

for (i = 0; i < list .length; ++i) {
  list[i].addEventListener("click", () => {
    // console.log("click");
  })
}