自定义DOM事件函数封装
2024-10-21 06:44:40
非原生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 }
最新文章
- 分享我们项目中基于EF事务机制的架构
- ios 上下拉刷新
- kafka基本原理学习
- TCP 连接的 TIME_WAIT 过多 导致 Tomcat 假死
- Mysql 联结表
- Hrbust 2240 土豪的时代
- LCD 和 LED 的区别?
- php 简单的验证码
- 深入浅出Node.js (7) - 网络编程
- HDOJ4006 	The kth great number 【串的更改和维护】
- 【转载】c++中浅复制与深复制
- [转] 那些在使用webpack时踩过的坑
- vscode使用wsl调试代码
- LeetCode--242--有效的字母异位词
- AutoMapper在项目中的应用
- IBatis.Net 视频教程 原创教程
- fast neural style transfer图像风格迁移基于tensorflow实现
- grunt学习三-bower(一)
- 『实践』百度地图给map添加右键菜单(判断是否为marker)
- DDD(领域驱动设计)总结