1. 自定义事件的基本步骤
创建事件.
var event = document.createEvent('Event');
初始化事件【参数:事件类型、事件是否在DOM中冒泡、是否可以用 preventDefault() 方法取消默认事件】
event.initEvent('click', true, false);
设置事件监听.(e.target 即监听事件目标元素)
elem.addEventListener('click', (e) =>{}, false);
触发事件监听
elem.dispatchEvent(event);
createEvent() 和 initEvent() 这两个方法已从Web标准中删除,虽然仍有些浏览器在支持它们。建议使用Event()构造函数提替代它们。
2. 通过Event()构造函数创建并初始化事件
创建并初始化事件(支持冒泡且不能被取消的look事件)。var ev = new Event("look", {"bubbles":true, "cancelable":false});
设置事件监听.(e.target 即监听事件目标元素)
myDiv.addEventListener('ev', (e) =>{}, false);
触发事件。(派发自定义事件给指定的target)。
myDiv.dispatchEvent(ev);
Event(eventName, eventInit) 的参数1是事件名称。 参数2是可选的,有以下3个可选属性。