自定义DOM事件函数封装
Posted Jeffid
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自定义DOM事件函数封装相关的知识,希望对你有一定的参考价值。
非原生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事件函数封装的主要内容,如果未能解决你的问题,请参考以下文章
VSCode自定义代码片段14——Vue的axios网络请求封装
VSCode自定义代码片段14——Vue的axios网络请求封装