从零开始学_JavaScript_系列（32）——事件广播

野性酷女 2022-07-15 15:49 172阅读 0赞

Github地址：

https://github.com/qq20004604/some\_demo/tree/master/%E4%BA%8B%E4%BB%B6%E5%B9%BF%E6%92%AD

**①三个阶段：**

1. 创建事件

2. 绑定事件

3. 触发事件

**②创建事件：**

*在非IE情况下：*

通过以下方法来创建：

var ev = document.createEvent("HTMLEvents");
    //注意，不能使用event作为变量名，会出错，但我没搞清楚为什么。也许是新增的保留字？

括号内是事件类型，除了HTMLEvents还有一些其他的。

具体请参考：

[https://developer.mozilla.org/en-US/docs/Web/API/Document/createEvent][https_developer.mozilla.org_en-US_docs_Web_API_Document_createEvent]

*在IE情况下（主要指低版本IE）：*

暂缺

**③绑定事件**

*在非IE情况下：*

以上面的HTMLEvents为例

ev.initEvent("test", false, false);

1. 首先，这个方法是针对HTMLEvents的，如果是其他事件，则是其他方法（具体查看上面的链接）;

2. 参数一：事件类型（我觉得也可以叫事件名），自定义，类型是字符串；

3. 参数二：是否冒泡；

4. 参数三：是否阻止浏览器默认行为;

关于第三点，我还不太理解，比如说，事件绑定给一个a标签，值设为false，并不能阻止打开a标签的行为

*在IE情况下（主要指低版本IE）：*

暂缺

**④触发事件**

*在非IE情况下：*

同样以上面为例：

DOM结点.dispatchEvent(ev);

1. DOM结点指的是触发这个事件的dom，可以是document，也可以是某个子节点;

2. 触发以冒泡形式，从触发子节点向上冒泡（如果在initEvents这一步设置第二个参数为true的话）；

*在IE情况下（主要指低版本IE）：*

暂缺

[https_developer.mozilla.org_en-US_docs_Web_API_Document_createEvent]: https://developer.mozilla.org/en-US/docs/Web/API/Document/createEvent

发表评论取消回复

表情：

评论列表（有 0 条评论，172人围观）

还没有评论，来说两句吧...

相关阅读

相关从零开始学_JavaScript_系列（31）——事件代理/事件委托

（49）事件代理/事件委托 github： https://github.com/qq20004604/some\_demo/tree/master/%E4%BA%8B%E

喜欢ヅ旅行/ 2022年07月16日 09:45/ 0 赞/ 183 阅读

相关从零开始学_JavaScript_系列（30）——NodeList

（48）NodeList的forEach github连接： https://github.com/qq20004604/some\_demo/tree/master/No

骑猪看日落/ 2022年07月16日 09:43/ 0 赞/ 238 阅读

相关从零开始学_JavaScript_系列（29）——apply和call

讲道理说，这两个方法在开发中直接使用的并不多（当然也可能是我比较低端┑(￣Д ￣)┍），一般都用封装好的。（47）apply和call 这个之前没研究过，今天简

╰半橙微兮°/ 2022年07月15日 21:08/ 0 赞/ 153 阅读

相关从零开始学_JavaScript_系列（33）——dojo 的 tree

①这里不从基础开始了，从具体使用开始。 ②假设先获得tree的实例： var tree = new Tree() //具体略

古城微笑少年丶/ 2022年07月15日 16:25/ 0 赞/ 220 阅读

相关从零开始学_JavaScript_系列（32）——事件广播

Github地址： https://github.com/qq20004604/some\_demo/tree/master/%E4%BA%8B%E4%BB%B6%E5

野性酷女/ 2022年07月15日 15:49/ 0 赞/ 173 阅读

相关从零开始学_JavaScript_系列（43）——Symbol简述

Symbol 0、一句话总结 1. 一个新的数据类型； 2. 当key时，只有指定遍历方法，才能获取该属性名； 3. Symbol.for(key)方法，同样

墨蓝/ 2022年06月14日 00:47/ 0 赞/ 243 阅读

相关从零开始学_JavaScript_系列（47）——Reflect

Reflect 1、是什么？ 1. window的原生对象，但不能通过new来生成实例； 2. 对对象的属性的操作，都可以通过这个来完成（读、写、定义属性等）；

迷南。/ 2022年06月12日 20:45/ 0 赞/ 193 阅读

相关从零开始学_JavaScript_系列（59）——async函数

1、async函数简介 1.1、前注在阅读本章节之前，建议先阅读 [【Generator函数】][Generator]章节和[【Thunk函数】][Thunk]章

旧城等待，/ 2022年06月09日 05:26/ 0 赞/ 186 阅读

相关从零开始学_JavaScript_系列（58）——Thunk函数

1、Thunk函数基本定义 1.1、缘由与函数的求值策略有关，求值策略分为两种： 1. 传名策略：在需要求值的时候才求值； 2. 传值策略：在传入函数的时候

柔光的暖阳◎/ 2022年06月09日 02:23/ 0 赞/ 173 阅读

相关从零开始学_JavaScript_系列（66）——AMD、CMD、CommonJS

1、CommonJS 先给一个[CommonJS规范的链接][CommonJS]。简单概述一下：导出：通过`module.exports`来导出。 `mod

阳光穿透心脏的1/2处/ 2022年06月08日 01:29/ 0 赞/ 154 阅读