js 事件之 createEvent、dispatchEvent

//document上绑定自定义事件ondataavailable
document.addEventListener('customevent', function(event) {
    alert(event.eventType);
}, false);
 
var obj = document.getElementById("obj");
//obj元素上绑定click事件
obj.addEventListener('click', function(event) {
    alert(event.eventType);
}, false);
 
//调用document对象的 createEvent 方法得到一个event的对象实例。
var event = document.createEvent('HTMLEvents');
 
// initEvent接受3个参数：
// 事件类型，是否冒泡，是否阻止浏览器的默认行为
event.initEvent("customevent", true, true);
event.eventType = 'message';
 
//触发document上绑定的自定义事件ondataavailable
document.dispatchEvent(event);

var event1 = document.createEvent('HTMLEvents');
event1.initEvent("click", true, true);
event1.eventType = 'message';
 
//触发obj元素上绑定click事件
document.getElementById("test").onclick = function() {
    obj.dispatchEvent(event1);
};

 

转载于:https://www.cnblogs.com/rsky/p/4809759.html