公司一样平常开辟的项目很少有能使用到自定义事宜的,已有的事宜就够用了,但作为一个前端职员,进修这个照样有必要相识和进修一下,可能在今后会使用到。。
下面看下代码
体式格局一:
// 新建事宜实例
var event = new Event('build');
// 增加监听函数
elem.addEventListener('build', function (e) { ... }, false);
// 触发事宜
elem.dispatchEvent(event);
该事宜会层层向上冒泡。在冒泡过程当中,如果有一个元素定义了该事宜的监听函数,该监听函数就会触发。
体式格局二:
var myEvent = new CustomEvent("myevent", {
detail: {
foo: "bar"
},
bubbles: true,
cancelable: false
});
el.addEventListener('myevent', function(event) {
console.log('Hello ' + event.detail.foo);
});
el.dispatchEvent(myEvent);
CustomEvent组织函数的第一个参数是事宜称号,第二个参数是一个对象,该对象的detail属性会绑定在事宜对象之上。