Custom events

Question

Próbuje tworzyć własne eventy w JS.

 

const cookiesAccepted = createEvent('cookies.accepted')

W jaki sposób je wykorzystywać?

if (getCookie('isVisited') !== 'true') {
      console.log('first visit')

      setCookie('isVisited', 'true', 365)
      components[i].dispatchEvent(firstVisit)
    } else {
      console.log('another visit')
      components[i].dispatchEvent(anotherVisit)
    }

    components[i].addEventListener('cookies.firstVisit', () => {
      console.log('qwe')
    })

    components[i].addEventListener('cookies.anotherVisit', (event) => {
      console.log('qwe')
    }, false)

W miejscu, gdzie jest addEventListener nie nastepuje żadna akcja.

Comments

A nie wywala Ci jakiś błędów w konsoli ?

---

Właśnie w tym problem, że nie.

---

to jest przykładowa budowa addeventlisner:

el.addEventListener("click", modifyText, false);

Brakuje u Ciebie typu , który mówi jak ma się wykonać czy np:onclick czy np.change 

---

@Bakr, Czym są zmienne firstVisit i anotherVisit oraz funkcja createEvent?

---

Zmienne firstVisit i anotherVisit są po prostu eventami, a createEvent to helper, który je tworzy.

Doszedłem do momentu, gdzie wszystko działa, ale dopiero w setTimeout albo np. fetch...

---

Pokaż aktualny kod - najlepiej cały.

---

https://github.com/bartlomiej-krakowski/cookies

---

Nie uruchamiałem kodu, ale obstawiam, że działa dopiero z setTimeout, bo najpierw dispatchujesz event, a dopiero później podpinasz listener. Zamień kolejność.