¿Cuál es la mejor manera de clonar un objeto de evento de JavaScript para que pueda volver a enviarse?

Question

Algunos navegadores no le permitirán volver a enviar un evento que ya se haya enviado, pero le permitirán crear nuevos objetos de evento en función de los valores que se pueden obtener del objeto de evento existente.

¿Existe una solución genérica y reutilizable que funcione con cualquier tipo de evento, o en su defecto, una forma de hacerlo para un tipo de evento específico (en mi caso, estoy preocupado con el evento mousewheel)?

Answer 1

He encontrado mi propia respuesta, al menos para MouseEvents específicamente:

function cloneMouseEvent(e) { 
    var evt = document.createEvent("MouseEvent"); 
    evt.initMouseEvent(e.type, e.canBubble, e.cancelable, e.view, e.detail, e.screenX, e.screenY, e.clientX, e.clientY, e.ctrlKey, e.altKey, e.shiftKey, e.metaKey, e.button, e.relatedTarget); 
    return evt; 
} 

A continuación, puede distribuir el evento sobre un objetivo con:

target.dispatchEvent(evt); 

Answer 2

es posible que desee utilizar el (mal documentado) NWEvents library

NW.Event.dispatch(target, e.type, false, e); 

Funciona con cualquier caso, y en el IES mayores también.

Answer 3

Parece que ahora hay una solución aún mejor, ya que initMouseEvent y similares están en desuso. El constructor MouseEvent(), por ejemplo, toma una tabla de propiedades como su segundo parámetro, para lo cual puede utilizar un objeto MouseEvent existente:

let my_event = new MouseEvent(`foo`, some_existing_mouse_event); 
dispatchEvent(my_event); 

Otras clases de eventos tienen constructores similares que deben ser utilizable de la misma manera. Tal como ClipboardEvent().

jsfiddle example