js自定义事件(事件抛发)

飞翔@向方

于 2022-05-11 16:44:21 发布

阅读量1.2k

点赞数 10

CC 4.0 BY-SA版权

分类专栏：原生js 文章标签： javascript 前端 html5

本文介绍了JavaScript中的自定义事件，讲解了基本语法和如何触发、监听事件。自定义事件适用于观察者模式的需求，例如当一个对象状态改变时，通知多个相关对象进行相应更新，以实现模块间的解耦合。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

模拟事件

JavaScript是一种事件驱动型语言.遇到代码后不会立即执行,只有当相应的事件发生了之后，相应的操作才会执行，这就是事件驱动

let myEvent = new Event(typeArg, eventInit);

typeArg ：DOMString 类型，表示创建事件的名称； eventInit ：可选配置项，包括：
在这里插入图片描述设置

 let myEvent = new Event("pingan", 
               {
   
   "bubbles":true, "cancelable":false}
            );

触发

EventTarget.dispatchEvent(eventObject);

参数eventObject表示事件对象，是new Event()方法返回的创建的Event对象。

  //这里的“myClick”，就是自定义事件类型，是事件传输的“暗号”。
    document.addEventListener("myClick",myClickHandler

200万优质内容无限畅学