DoM 2级事件提供了一个创建新event对象的方法:createEvent()
createEvent()接收一个参数'eventType'
createEvent()返回的对象取决于eventType的值
下表是eventType的合法值和每个值所创建的事件接口
参数 | 事件接口 | 初始化方法 |
---|---|---|
HTMLEvents | HTMLEvent | iniEvent() |
MouseEvents | MouseEvent | iniMouseEvent() |
UIEvents | UIEvent | iniUIEvent() |
Mozilla对creatrEvent的解释:https://developer.mozilla.org/en-US/docs/Web/API/document.createEvent
老式的DOM2级下手动触发事件的方法:
var el=document.getElementById('***');
el.addEventListener('change',handler,false);
var evt;
if (document.createEvent) { // DOM Level 2 standard
evt = document.createEvent("MouseEvents");
evt.initEvent("change", true, true);
el.dispatchEvent(evt); // 触发el上绑定的handler事件
}
不过此种方法已被Mozilla官方标为”建议放弃“(这种创建方法来源于java)
建议方法:
var event = new Event('build');
// Listen for the event.
elem.addEventListener('build', function (e) { ... }, false);
// Dispatch the event.
elem.dispatchEvent(event);
在IE下 直接调用fireEvent(eventType)
var el=document.getElementById('***');
el.attachEvent('onclick',handler);
el.fireEvent('onclick');