window、document添加事件addEventListener

最新推荐文章于 2024-08-22 16:16:39 发布

_血手人屠_

最新推荐文章于 2024-08-22 16:16:39 发布

阅读量1.1w

点赞数

分类专栏：前端笔记

本文链接：https://blog.csdn.net/m0_37728716/article/details/81335651

版权

前端笔记专栏收录该内容

11 篇文章 0 订阅

订阅专栏

事件捕获，从dom结构上到下，window.addEventListener先于document.addEventListener被捕获

事件冒泡，从dom结构底层向上传递，document.addEventListener先于window.addEventListener被触发

在addEventListener第三个参数处可指定事件是否在捕获或冒泡阶段执行。

element.addEventListener(event, function(){

    }, 
    // true - 事件句柄在捕获阶段执行
    // false- 默认, 事件句柄在冒泡阶段执行
)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

_血手人屠_

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

window.addEventlistener和document.addEventlistener区别

weixin_44753854的博客

09-10

4727

window.addEventlistener(“click”,showa,true); 括号里三个参数： 1：“click” 事件类型，有click、onmouseover……等事件类型； 2：showa （函数名称）事件触发后调用的函数； 3：true （布尔值）用于描述事件是冒泡还是捕获，可选参数，true捕获 false冒泡。 document.addEventlistener(“cli...

document.addEventListener使用介绍

01-19

document.addEventListener(“事件名称”, 函数, false); 代码如下: function 某函数(event){ // 方法执行 } addEventListener里最后一个参数决定该事件的响应顺序；如果为true事件执行顺序为 addEventListener —- 标签的onclick事件 —- [removed]　如果为false事件的顺序为标签的onclick事件 —- [removed] —- addEventListener 理解为其他代码的调用入口

参与评论您还未登录，请先登录后发表或查看评论

地图选点---uniapp项目运行微信小程序端解决window.addEventListener不能在手机端运行的替代方法

热门推荐

提升心智

03-06

3万+

document.addEventListener('自定事件', 处理函数, false); function 某函数(event){ // 方法执行 } addEventListener里最后一个参数决定该事件的响应顺序；如果为true事件执行顺序为 addEventListener ---- 标签的onclick事件 ---- docume

事件

格锅的博客

11-05

690

事件流事件流：从页面接收事件的顺序 IE和Netscape提出了完全相反的事件流概念事件冒泡（IE）点击事件会沿着dom树向上传递例如：div->body->html->document 事件捕获（NetScape）点击事件沿着dom树向下传递例如：document->html->body->div 现在主流的都是支持事件冒泡dom事件流 dom2将事件

Dom – 1.window对象事件 + 2.body、document对象的事件

weixin_34026484的博客

05-22

1.window对象（1）alert （2）confirm （3）navigate （4）setInterval （5）clearInterval （6）setTimeout 、clearTimeout （7）案例：实现标题栏走马灯的效果，也就是浏览器的标题文字每隔500ms向右滚动一下（8）练习：刚进入的时...

window.addEventListener()和document.addEventListener()区别

xinxin_zhu的博客

03-29

7067

window.addEventListener('load',function(){ //页面的全部资源加载完后才会执行包括图片视频等 }) window.addEventListener('DOMContentLoaded',function(){ //Dom 渲染完即可执行此时图片视频还可能没加载完 }) ...

window.addEventListener来解决让一个js事件执行多个函数

12-09

可能你也碰到过这种情况,就是在js的代码中用了[removed]后,可能会影响到body中的onload事件。你可以全写在body中，也可以全放到... 代码如下: if (document.all){ window.attachEvent(‘onload’,函数名)//IE中 } els

动态的绑定事件addEventListener方法的使用

09-04

这意味着你可以为同一个事件添加多个监听器，它们会按照添加的顺序依次执行。此外，与早期版本的`onxyz`事件处理属性不同，`addEventListener`不会覆盖已有的事件处理函数，而是将其添加到处理函数队列中。 `...

window.document.addEventListener

11-10

window.document.addEventListener是指在浏览器窗口中的文档对象上添加事件监听器。它可以用来捕获或冒泡事件，具体取决于事件的类型和传递方式。例如，以下代码将在文档对象上添加一个点击事件监听器： ```...

事件捕获和事件冒泡以及addEVentListener添加事件时指定事件触发方式

qq_37788021的博客

07-31

810

事件捕获事件从最不精确的对象(document 对象)开始触发，然后到最精确的对象（例如鼠标点击时，最接近鼠标的Dom节点）事件冒泡事件按照从最精确的事件目标（例如点击鼠标时，最接近鼠标的Dom节点）到最不精确的事件目标(document对象)的顺序触发。 addEVentListener addEventListener() 方法用于向指定元素添加事件句柄。语法为：eleme...

addEventListener在一个节点上添加多个相同的事件

weixin_33800463的博客

08-04

967

<button id='btn'>attachEvent</button> window.onload=function(){ var Obtn = document.getElementById('btn'); Obtn.onclick=function(){ alert(1) ...

HTML DOM中添加事件方法（详解）

qq_59463562的博客

06-14

3744

简单必学的HTML事件方法

document.addEventListener的使用介绍

diaobianpan6784的博客

03-02

1271

document.addEventListener("事件名称", 函数, false); function 函数名(event){ // 方法执行 } addEventListener里最后一个参数决定该事件的响应顺序；如果为true事件执行顺序为 addEventListener ---- 标签的onclick事件 ---- document.onclick...

document.addEventListener

weixin_61151047的博客

12-15

1万+

document.addEventListener("事件名称", 函数, false); function 某函数(event){ // 方法执行 } addEventListener里最后一个参数决定该事件的响应顺序； document.addEventListener("事件名称", 函数, true): 如果为true时事件执行顺序为 addEventListener ---- 标签的onclick事件 ---- document.onclick 　 documen...