码迷,mamicode.com
首页 > 其他好文 > 详细

自定义DOM事件函数封装

时间:2018-04-22 10:54:52      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:ie9   type   ons   cancel   detail   表示   自定义事件   bubble   取消   

非原生DOM触发,个性化定制的自定义事件。

  • currentTarget(DOM对象):要触发事件的元素节点。
  • type(字符串):触发的事件类型,例如"keydown"。
  • bubbles(布尔值):表示事件是否应该冒泡。
  • cancelable(布尔值):表示事件是否可以取消。
  • detail(对象):任意值,保存在 event 对象的 detail 属性中。
 1    function customEvent (currentTarget, type, bubbles, cancelable, detail) {
 2         /* 自定义响应事件 */
 3         //IE9+
 4         if (document.implementation.hasFeature("CustomEvents", "3.0")) {
 5             bubbles = (bubbles === undefined) ? true : bubbles; // 默认事件冒泡
 6             cancelable = (cancelable === undefined) ? true : cancelable; // 默认事件可以取消
 7             detail = detail || {}; //这里可以是事件中包含的信息、数据
 8             var e = document.createEvent("CustomEvent");
 9             e.initCustomEvent(type, bubbles, cancelable, detail);
10             currentTarget.dispatchEvent(e); // 触发事件
11         }
12         else console.log("该环境不支持自定义事件!");
13     }

 

自定义DOM事件函数封装

标签:ie9   type   ons   cancel   detail   表示   自定义事件   bubble   取消   

原文地址:https://www.cnblogs.com/jeffid/p/8904705.html

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