手动触发事件

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');


你可能感兴趣的:(javascript)