首页 > 编程源码 > javascript从入门到跑路 15-1

javascript从入门到跑路 15-1

楼主：作乐.‭‭‭ [3级] · 2020-6-11 ·  浏览5617 · 编程源码 · ID:

大家好，我是乖巧懂事的小逗比

javascript从入门到跑路----事件流。

一、事件

含义: 事件是由浏览器动作（如浏览器载入文档 ）和用户动作（如点击onclick）触发所产生的人机交互瞬间。

你也可以理解为 为其设置的在干了某事之后必定要发生的事件。

文章来源于互联网。

- 版权声明 - 1、本帖所有言论和图片等纯属网友个人意见，与流星社区立场无关；
2、其他单位或个人使用、转载或引用本帖时必须同时征得该帖子作者作乐.‭‭‭和流星社区的同意；
3、备注原文地址：https://bbs.liuxingw.com/t/30626.html，可忽略第2条；
4、帖子作者需承担一切因本文发表而直接或间接导致的相关责任；
5、如本帖内容或部分内容转载自其它媒体，这并不代表本站赞同其观点和对其真实性负责；
6、如本帖若为资源类，将仅限用于学习和研究目的，您必须在下载后的24个小时之内，从您安装或使用的设备中彻底删除上述内容；
7、如果您喜欢该程序，请支持正版软件，购买注册，可以得到更好的正版服务；
8、如本帖侵犯到任何版权或违法问题，请立即邮件告知我们，我们将及时予以处理。
182条回复 |  最后回复于2020-6-11

作乐.‭‭‭ [3级]

那我们下面就与一个例子：
发布于2020-6-11

回复列表

  • 内容加载中...

说点什么...

作乐.‭‭‭ [3级]

制图的活动呀
发布于2020-6-11

回复列表

  • 内容加载中...

说点什么...

作乐.‭‭‭ [3级]

用例子来解释事件冒泡的顺序就是：div b ===》 div a ===》body ==》html ==》document
而事件捕获的顺序恰恰相反：document ==》html ==》body ==》aiv a ==》div b
发布于2020-6-11

回复列表

  • 内容加载中...

说点什么...

作乐.‭‭‭ [3级]

这里我们可以看到我们的 div a 里面包含了一个div b，然后分别为其添加一个不同的事件
但是当你点击div b的时候，除了会执行你本事的事件外，它还会执行一次你外面的div a 的事件
这就是事件冒泡。
发布于2020-6-11

回复列表

  • 内容加载中...

说点什么...

作乐.‭‭‭ [3级]

四、阻止冒泡
发布于2020-6-11

回复列表

  • 内容加载中...

说点什么...

作乐.‭‭‭ [3级]

但是有时候我们并不需要事件冒泡，所以这个时候我们就需要阻止冒泡
event.stopPropagation( )
发布于2020-6-11

回复列表

  • 内容加载中...

说点什么...

作乐.‭‭‭ [3级]

同样还是上面那个例子：下图仅截取关键部分
发布于2020-6-11

回复列表

  • 内容加载中...

说点什么...

作乐.‭‭‭ [3级]

这样我们的该事件就不会发生冒泡现象。
发布于2020-6-11

回复列表

  • 内容加载中...

说点什么...

作乐.‭‭‭ [3级]

javascript从入门到跑路-----语法构成、关键字和保留字、变量
发布于2020-6-11

回复列表

  • 内容加载中...

说点什么...

作乐.‭‭‭ [3级]

语法构成。
发布于2020-6-11

回复列表

  • 内容加载中...

说点什么...
上一页 1 2 3 4 5 6 下一页
登录注册 后才可进行评论
签到
10人签到
已签0天
  • 46568帖子
  • 1936067热点量
  • 184685火热值