JavaScript Creación de eventos con datos adjuntos personalizados

Question

¿Hay una forma de JavaScript para pasar datos personalizados a un evento de JavaScript creado manualmente?

Ok, digamos Tengo este código para crear y activar un evento de JavaScript:

var evObj = document.createEvent('HTMLEvents'); 
evObj.initEvent('submit', bubbling, cancelable); 
anElement.dispatchEvent(evObj); 

Esto funciona bien y puede ser manejado mediante el uso de este código:

document.addEventListener('submit', mySubmitEventHandler, true); 

Pero, necesito una forma de pasar datos adicionales al evento, de modo que mySubmitEventHandler sepa si el evento fue activado por un usuario o mediante la creación de un evento de JavaScript como se muestra arriba. Un valor booleano sería suficiente.

Entonces, ¿cómo puedo agregar algo como "myEvent = true" al recién creado evObj?

Y por favor no jQuery responde, necesito hacer esto en JavaScript puro.

Answer 1

Fije el parámetro a evObj.

evObj.flag = 'Hi!'; 
anElement.dispatchEvent(evObj); 

Este código muestra que el objeto de evento aprobada por dispatchEvent es igual a la del detector de eventos (Live demo):

var evObj = document.createEvent('HTMLEvents'); 
document.body.addEventListener('test', function(e){ alert(e === evObj); },true); 
evObj.initEvent('test', true, true); 
document.body.dispatchEvent(evObj); // Shows alert, "true" 

Answer 2

su evObj es un objeto normal, puede agregar cualquier dato como una propiedad del objeto como evObj.myData = "blablabla"; y luego leer los datos en el oyente

Esperanza esto ayuda