使用自定义附加数据创建JavaScript事件

Question

是否有JavaScript方法将自定义数据传递给手动创建的JavaScript事件？

好吧,假设我有这个代码来创建和触发JavaScript事件:

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

这工作正常,可以使用此代码处理:

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

但是,我需要一种方法将其他数据传递给事件,以便mySubmitEventHandler知道事件是由用户触发还是由JavaScript事件创建,如上所示.布尔值就足够了.

那么,我怎样才能为新创建的东西添加"myEvent = true"之类的东西evObj呢？

请不要jQuery答案,我需要用纯JavaScript做这个.

Answer 1

将参数附加到evObj.

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

此代码演示了传递的事件对象dispatchEvent等于事件侦听器中的事件对象(实时演示):

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

你的evObj它是一个普通的对象你可以添加任何数据作为对象的属性,如evObj.myData ="blablabla"; 然后读取监听器中的数据

希望这可以帮助