Custom Event example

Made for kutac.cz/blog

HTML

<div></div>

JavaScript

const mujElement = document.querySelector('div')

// vlastní event
const NAZEV_MUJ_EVENT = 'mujEvent'
const mujEvent = new CustomEvent(NAZEV_MUJ_EVENT, {
	detail: {
  	mojeData: ['a', 'b', 'c']
  }
})

// naslouchání eventu
mujElement.addEventListener(NAZEV_MUJ_EVENT, e => {
	console.log(e.detail.mojeData)
})

// spuštění eventu
mujElement.dispatchEvent(mujEvent)