1.首先创建一个自定义事件对象
var event = document.createEvent("CustomEvent");
注意
关键字: ”customEvent”必须这么写。
createEvent与createElement一样,都是document对象的一个方法
2.然后初始化事件对象
event.initCustomEvent(“事件名称”,是否冒泡,可否阻止默认行为,其它数据);
注意:
事件名称:这是最关键的一个参数。与click,mouseDown,keyUp一样,都是用来识别这个事件的。所以,要给它取个好名字。
3.派发事件对象
dom对象.dispatchEvent(event);
注意:
这一句是我们人为地,主动地派发这个事件。对比一下系统的事件,如click事件。
你需不需要主动去派发这个事件?我们不需要去处理系统提供的事件,一旦有click,则写在click上的监听函数就会自动执行。它没有派发这个动作。
4.定义监听test事件的处理程序
dom对象.addEventListener(“事件名称”, function(e){});
前三步才是创建并派发事件。最后一步是监听事件。
对于系统的事件(如click),它是不需要前三步的。只要监听就可以了。
eg:
监听事件:
模拟trigger函数: