js 事件创建发布

// 创建事件.
var event = document.createEvent('Event');

// 初始化一个点击事件,可以冒泡,无法被取消
event.initEvent('click', true, false);

// 设置事件监听.
elem.addEventListener('click', function (e) {
  // e.target 就是监听事件目标元素
 console.log('tracing code ...');
}, false);

// 触发事件监听
elem.dispatchEvent(event);

 由于initEvent逐步被废弃,故使用如下方式(推荐):(参考:https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events

// 通过事件构造器创建,类型随意指定
var event = new Event('build');

// Listen for the event.
elem.addEventListener('build', function (e) {
    console.log('building ... ');
}, false);

// Dispatch the event.
elem.dispatchEvent(event);

 

posted @ 2017-09-12 17:25  【云】风过无痕  阅读(292)  评论(0编辑  收藏  举报