event对象中 target和currentTarget 属性的区别。

最新推荐文章于 2024-06-18 15:43:43 发布
最新推荐文章于 2024-06-18 15:43:43 发布
阅读量3.9k 收藏 1
点赞数 1
分类专栏： JavaScript webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36836277/article/details/91414447
版权

1.通过event.target可以获得触发事件的元素
2.event.currentTarget返回绑定事件的元素

如果只是看上面这两句话，其实很抽象，很难理解到底是什么意思，如果元素没有嵌套，他们都能够获得当前触发事件的元素，真正的区别在于冒泡和捕获

在页面中点击一个元素，时间是从这个元素的根元素逐层传递下来的，这个事件称为事件的捕获阶段，当事件传递到这个元素后，又会把事件逐层传递回去，知道祖先元素，这个阶段是事件的冒泡阶段。
event.target 和 event.currentTarget 的区别

道雄
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
event.currentTarget与event.target的区别介绍
12-12
event.currentTarget identifies the current target for the event, as the event traverses the DOM. It always refers to the element the event handler has been attached to as opposed to event.target which...
Javascript中, event 的 target 与 currentTarget 的区别
04-10
当我们谈论`event`对象时，`target`和`currentTarget`是两个非常关键的属性，它们在处理事件流时扮演着重要角色。理解这两个属性的区别对于编写高效且准确的事件处理程序至关重要。 `event.target`指的是触发事件的...
event对象中 target和currentTarget 属性的区别（转载）
友人C君的博客
08-25 446
首先本质区别是： event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 举个例子： 　　 1 <ul id="ul">ul 2 <li>li<a href="">a</a></li> 3 <li>li&l...
Event.target与event.currentTarget
最新发布
zsdHeHe的博客
06-18 132
Event.target：指的是真正触发事件的元素节点。如：点击事件，鼠标点击了哪个元素（最内部的），这个元素就是target指向的对象Event.currentTarget：指的是绑定了事件监听的元素。
event对象中 target 和 currentTarget 的区别
JiaPeng366的博客
06-24 293
从概念上来说 event.target 返回触发事件的元素 event.currentTarget 返回绑定事件的元素 只看这两句话不够直观，下面看代码 <div id="btn">click me</div> <script type="text/javascript"> var btn = document.getElementById('btn'); btn.onclick = function (event) { c
js之event对象中target和currentTarget区别
我心坚持
01-11 248
<style type="text/css"> ul li { background-color: #007AFF; height: 33px; line-height: 33px; margin-top: 22px; } </style> <ul> <li>1</li> <li>2</li> <li>3</li> <.
event对象中 target和currentTarget 属性的区别
dianyizhen4349的博客
03-06 87
来自：https://www.cnblogs.com/yewenxiang/p/6171411.html 首先本质区别是： event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 ????????举个例子： 　　 1 <ul id="ul">ul 2 <li&gt...
$event对象中 target和currentTarget 属性的区别。
dlk6780的博客
07-17 214
首先本质区别是： event.target返回触发事件的元素 　　　　　　　　 event.currentTarget返回绑定事件的元素 最近在vue项目中添加点击事件做一些dom操作时候遇到了这个问题 这里给span添加了一个点击事件然后通过$event获取这个元素，再通过jq做一些dom操作。 但是但我们把$($event.currentTarget)变成$($e...
event对象中target和currentTarget的区别
pennyPan的博客
08-13 483
event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 冒泡和捕获 在页面中点击一个元素，事件是从这个元素的祖先元素中逐层传递下来的，这个阶段为事件的捕获阶段。当事件传递到这个元素之后，又会把事件逐成传递回去，直到根元素为止，这个阶段是事件的冒泡阶段。 我们为一个元素绑定一个点击事件的时候，可以指定是要在捕获阶段绑定或者换在冒泡阶段绑定。 当ad...
Event 的 target 和 currentTarget 的区别
_
01-11 371
比如说现在有 OutterBoxEl 和 InnerBoxEl OutterBoxEl.addChild(InnerBoxEl) OutterBoxEl 监听鼠标点击事件 那么当点击 InnerBoxEl 时，target 是 InnerBoxEl，currentTarget 是 OutterBoxEl 也就是说，currentTarget始终是监听事件者，而 target 是事件的真正发出者 ...
javascript事件处理二 事件对象event详解及target和currentTarget区别
ScottePerk的博客
11-09 1354
在处理事件的时候，所有和事件相关的东西都封装到event这个对象里面。所以这个对象非常的重要。这个对象有非常多的内容，我们讨论几个计较常见和以及比较难区别的target和currentTarget。
js事件对象获取中target和currentTarget的区别
zhoulib__的博客
06-14 2120
target和currentTarget获取的都是对象 target获取是触发事件的源对象 currentTarget获取的事件绑定的对象 <body> <input type = "button" value="点我" /> <script> var inp_01 = document.getElementsByTagName("input")[0]; doc...
微信小程序事件对象中e.target和e.currentTarget的区别详解
11-28
事件对象（Event Object）是小程序中用于传递事件信息的关键，其中的`e.target`和`e.currentTarget`属性尤其重要，它们可以帮助开发者精确地理解事件触发的位置和行为。下面我们将深入探讨这两个属性的区别。 1. `e...
js中innerText/textContent和innerHTML与target和currentTarget的区别
01-19
一、获取/赋值文本值innerText/textContent、innerHTML <body> <p xss=removed>muzidigbig <p xss=removed>lovely <input type=text id='getValue' placeholder=输入值>...更改i
webpack5——样式处理1
qq_36836277的博客
05-31 851
首先是在开发者环境下 自己书写的css，虽然可以直接在index.html中引入，但是index.html会原封不动的导出来，但是我们需要重新将css模块进行输出，所以需要重新设置。 1.在index.js中引入index.css //index.js require('./index.css'); 2.加载css文件的解析插件 loader的作用是将源代码进行转化，转换成·我们需要的模块，lo...
webpack11——打包文件分类
qq_36836277的博客
06-03 751
使用背景：如何将打包后的不同类型的文件放置在不同的文件夹下，比如css文件，图片等 解决办法::可以在不同的文件类型的设置下，在option选项中添加一个outputPath的属性 { test:/\.(png|jpg|gif)$/, //做一个限制，当我们的图片小于多少k的时候，用base64来转化 ...
webpack3——html插件（HtmlWebpackplugin）
qq_36836277的博客
05-30 652
背景：一般情况下，我们需要通过一个ip地址，或者是通过localhost的方式来访问一个页面，这种情况下，我们需要进行设置。 解决办法：使用webpack-dev-server 安装完webpack-dev-server 后，可以直接运行npx webpack-dev-server，会生成一个地址。 1.不做任何设置 如果不做任何设置，直接在项目目录下运行npx webpack-dev-serve...
event.target与event.currentTarget
04-07
如果事件在目标元素上触发，那么event.target和event.currentTarget是相同的。但如果事件在目标元素的子元素上触发，那么event.target是子元素，而event.currentTarget是目标元素。例如： ```html ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值