有没有
JavaScript方法将自定义数据传递到手动创建的JavaScript事件?
好的,我们来看看这个代码来创建和触发一个JavaScript事件:
var evObj = document.createEvent('HTMLEvents'); evObj.initEvent('submit',bubbling,cancelable); anElement.dispatchEvent(evObj);
这工作正常,可以使用以下代码来处理:
document.addEventListener('submit',mySubmitEventHandler,true);
但是,我需要一种方式来传递额外的数据到事件,所以mySubmitEventHandler知道事件是由用户触发还是通过JavaScript事件创建,如上所示.布尔值就足够了.
那么,如何在新创建的evObj中添加类似“myEvent = true”的内容?
而且请不要jQuery的答案,我需要用纯粹的JavaScript做这个.
解决方法
将参数附加到evObj.
evObj.flag = 'Hi!'; anElement.dispatchEvent(evObj);
此代码演示了由dispatchEvent
传递的事件对象等于事件侦听器(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"