码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript--自定义事件Event

时间:2018-06-04 16:46:46      阅读:4952      评论:0      收藏:0      [点我收藏+]

标签:取消   IV   lob   自定义   develop   开发者   nbsp   patch   function   

在开发过程中,js原生事件不足以满意开发需求,需要开发者自定义事件。

一、Event

Event()构造函数创建一个新的Event。

event = new Event(typeArg,eventInit);

typeArg

  事件名称。

eventInit

  这是一个对象,包含以下字段:

  • bubbles:(可选)Boolean指示事件是否冒泡。默认是false

  • cancelable:(可选)a Boolean表示是否可以取消该事件。默认是false

var _event = new Event(‘eventName‘, {"bubbles":true, "cancelable":false});

//dispatchEvent派发事件
document.dispatchEvent(_event);

myDom.dispatchEvent(evt);

二、事件逻辑

自定义的事件可以绑定到DOM元素上定义事件处理逻辑,然后通过dispatchEvent派发事件。

var _event = new Event(‘look‘, {"bubbles":true, "cancelable":false});
    
    document.addEventListener(‘look‘, function(){
        console.log(‘lootEvent_document‘);
    });

    myDom.addEventListener(‘look‘, function(){
        console.log(‘lootEvent_myDom‘);
    });

    myDom.dispatchEvent(_event);  //lootEvent_myDom lootEvent_document

    document.dispatchEvent(_event);  //lootEvent_document

因为我们定义的事件是冒泡的,所以在myDom上触发look事件会冒泡到document上去。

 

JavaScript--自定义事件Event

标签:取消   IV   lob   自定义   develop   开发者   nbsp   patch   function   

原文地址:https://www.cnblogs.com/lodadssd/p/9133354.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!