webAPP自定义事件步骤

作者: Monica_C | 来源:发表于2017-06-23 01:11 被阅读41次

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

相关文章

网友评论

    本文标题:webAPP自定义事件步骤

    本文链接:https://www.haomeiwen.com/subject/vhpqcxtx.html