How to clone or re-dispatch DOM events?

by

I know, the question is old, and the OP wanted to avoid creating / initializing approach, but there’s a relatively straightforward way to duplicate events:

new_event = new MouseEvent(old_event.type, old_event)

If you want more than just mouse events, you could do something like this:

new_event = new old_event.constructor(old_event.type, old_event)

And in the original context:

handler = function(e) {
  new_e = new e.constructor(e.type, e);
  document.getElementById("decoy").dispatchEvent(new_e);
}
document.getElementById("source").addEventListener("click", handler);

(For jQuery users: you may need to use e.originalEvent.constructor instead of e.constructor)

More Related Contents:

  1. How to find event listeners on a DOM node in JavaScript or in debugging?
  2. jQuery .live() vs .on() method for adding a click event after loading dynamic html
  3. How to stop event propagation with inline onclick attribute?
  4. Firing event on DOM attribute change
  5. Javascript callback when IFRAME is finished loading?
  6. Javascript/DOM: How to remove all event listeners of a DOM object?
  7. Difference between “change” and “input” event for an `input` element
  8. Getting value of HTML Checkbox from onclick/onchange events
  9. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  10. Pass mouse events through absolutely-positioned element
  11. JavaScript: DOM load events, execution sequence, and $(document).ready()
  12. Are event handlers in JavaScript called in order?
  13. jQuery events .load(), .ready(), .unload()
  14. Get element node at caret position (in contentEditable)
  15. Difference between document.addEventListener and window.addEventListener?
  16. Is it possible to programmatically catch all events on the page in the browser?
  17. INVALID_STATE_ERR: DOM Exception 11 (WebKit)
  18. Unloading/Removing content from an iFrame
  19. Replacement for deprecated `keypress` DOM event
  20. Why are inline event handler attributes a bad idea in modern semantic HTML?
  21. document.createElement(“script”) synchronously
  22. Javascript event handler with parameters
  23. How do I re-trigger a WebKit CSS animation via JavaScript?
  24. Check if option is selected with jQuery, if not select a default
  25. JavaScript: Is there a way to get Chrome to break on all errors?
  26. How can I listen for a click-and-hold in jQuery?
  27. Open Safari / Google Chrome developer tools programmatically from JavaScript
  28. Wait for iframe to load in JavaScript
  29. Why does getElementById not work on elements inside the document element? [duplicate]
  30. How can I replace one class with another on all elements, using just the DOM?

Leave a Comment