触发自定义事件
1var elem = document.querySelector('#div');
2var ev = new Event("myEvent", {"bubbles":true, "cancelable":false,composed:false});
3//"bubbles",可选,Boolean类型,默认值为 false,表示该事件是否冒泡。
4//"cancelable",可选,Boolean类型,默认值为 false, 表示该事件能否被取消。
5//"composed",可选,Boolean类型,默认值为 false,指示事件是否会在影子DOM根节点之外触发侦听器。
6
7// 监听myEvent
8elem.addEventListener('myEvent', function (e) {
9 console.log(e);
10}, false);
11
12// 使用目标对象去派发事件,可以是元素节点/事件对象
13elem.dispatchEvent(ev);
触发 resize 事件
1//向window派发resize事件
2window.dispatchEvent(new Event('resize'))
评论