Trigger Event JavaScript
// Simple trigger event
document.querySelector(theElem).dispatchEvent(new Event('mouseover'))
Lively Leopard
// Simple trigger event
document.querySelector(theElem).dispatchEvent(new Event('mouseover'))//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);// create a custom event
const custom_event = new CustomEvent("custom_event_name", {
// whether or not the event 'bubbles' up the DOM tree
bubbles: true,
// special property allowing you to provide additional information
detail: {
}
});
// to add an event listener
element.addEventListener("custom_event_name", function() {
// event handler
});
// to trigger an event
element.dispatchEvent(custom_event);const eventDetails = {
'id': elemId
}
document.dispatchEvent (
new CustomEvent('myCustomEvent', {'detail': eventDetails})
)