create event listener javascript code example

Example 1: javascript custom events with data

//Listen for the event
window.addEventListener("MyEventType", function(evt) {
    alert(evt.detail);
}, false);

//Dispatch an event
var evt = new CustomEvent("MyEventType", {detail: "Any Object Here"});
window.dispatchEvent(evt);

Example 2: event listener javascript

const element = document.querySelector(".class__name");

element.addEventListener("click", () => {
	console.log("clicked element");
});

Example 3: javascript eventlistener

document.addEventListener('click', () => {
    
});

Example 4: event listener javascript

document.querySelector('div').addEventListener('click', () => {
  console.log('div clicked');
});

Example 5: js add event listener

function eventHandler(event) {
  if (event.type == 'fullscreenchange') {
    /* gestire un interruttore a schermo intero */
  } else /* fullscreenerror */ {
    /* gestire un errore di commutazione a schermo intero */
  }
}