JavaScript--自定义事件Event
2024-09-26 17:40:08
在开发过程中,js原生事件不足以满意开发需求,需要开发者自定义事件。
一、Event
Event()构造函数创建一个新的Event。
event = new Event(typeArg,eventInit);
typeArg
事件名称。
eventInit
这是一个对象,包含以下字段:
例
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上去。
最新文章
- SDWebImage源码解读 之 NSData+ImageContentType
- aapt命令介绍及常用命令实践
- __new__
- 【深入浅出.Net IL】1.一个For循环引发的IL
- ionic 添加地图定位功能
- 《SQL Server企业级平台管理实践》读书笔记——SQL Server如何设置自动增长和自动收缩项
- 阿里云OSS NET SDK 引用示范程序
- CSS设置技巧
- linux 私房菜 CH7 Linux 档案与目录管理
- 【PHP】震惊,一张图详解递归函数!!!!
- DATAGUARD常用管理命令
- 【python】lambda创建匿名函数
- Hive metastore源码阅读(二)
- openstack第六章:dashboard
- C语言典型编程2
- 扒光IT界江湖骗子巴蜀万明的底裤
- iOS 11开发教程(二十)iOS11应用视图美化按钮之设置按钮的状态
- 如何解决Android帧动画出现的内存溢出
- 第二章 Servlet基础
- 《Java Concurrency》读书笔记,Java并发编程实践基础