webAPP自定义事件步骤

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函数: