TIL-20220626

Lit

• (documentation) Components -> Events

Web

• (MDN) Creating and triggering events

const event = new CustomEvent('build', { detail: elem.datset.time });

To add more data to the event object, the customEvent interface exists and the detail property can be used to pass custom data.

• (MDN) Event()

// create a look event that bubbles up and cannot be canceled
const evt = new Event('look',{ 
  bubbles: true, 
  cancelable: false });

document.dispatchEvent(evt);

// event can be dispatched from any element,
// not only the document
myDiv.dispatchEvent(evt);

Links

• https://lit.dev/docs/components/events/
• https://developer.mozilla.org/en-US/docs/Web/Events/Creating_and_triggering_events
• https://developer.mozilla.org/en-US/docs/Web/API/Event/Event