Pytanie odnośnie addEventListener

Question

Witam

 

doc1 = document.getElementById("name");
var i = 0;
function counter()	{
doc1.addEventListener("click", function(e)	{

	doc1.innerHTML = i++;

}, false);

}

Powyższy kod działa, kiedy nie jest umieszczony w funkcji. Czy ktoś mógłby mi wytłumaczyć dlaczego tak się dzieje? Czy chodzi o przekazywanie parametru? Przeglądarka nie zwraca żadnych błędów.

Answer 1

A mógłbyś pokazać niedziałającą wersję?

Comments

Ta nie działa: 

 

doc1 = document.getElementById("name");
var i = 0;
function counter()  {
doc1.addEventListener("click", function(e)  {
 
    doc1.innerHTML = i++;
 
}, false);
 
}

Ta działa:

 

doc1 = document.getElementById("name");
var i = 0;

doc1.addEventListener("click", function(e)  {
 
    doc1.innerHTML = i++;
 
}, false);
 

Po kliknieciu na diva zmienna i powinna sie zwiekszac o 1, w pierwszym przypadku nic się nie dzieje. Potrzebuje to zamknąć w funkcji, zeby zas sie do niej odwolac w removeEventListener

---

Sam handler musisz zamknąć w funkcji:

function handler(e)  {
  
    doc1.innerHTML = i++;
  
}
doc1.addEventListener("click", handler, false);

doc1.removeEventListener("click", handler, false);

 

---

Wszystko śmiga, wielkie dzięki :)