javascript 中event.target与r的区别

最新推荐文章于 2022-11-09 21:00:56 发布
最新推荐文章于 2022-11-09 21:00:56 发布
阅读量212 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dreamerzhang66/article/details/80351857
版权

两者区别其实很是简单。

event.target指的是人操作的元素如点击事件中鼠标点击的元素。

event.currentTarget则是真正发生事件的元素。

两者之间可相等。亦不等。

当事件绑定与元素是同一个元素则相等。委托事件中两者相等否要看人点击了那个元素。

首先本质区别是：

  • event.target返回触发事件的元素

  • event.currentTarget返回绑定事件的元素与this应该相同个人认为


dreamerzhang66
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中的event讲解及一些常见案例
a1611107035的博客
11-08 1697
JavaScript中的event就是发生在dom元素上的事件，你也许已经使用过不少dom事件，但是event对象在js中有很多强大并且常用的功能。本文将讲解部分常用event的属性方法。
javascript中的EventTarget
此心安处是吾乡
05-12 195
The W3C DOM EventTarget object is the events module connection with nodes that actually receive events. All node objects (especially text and element nodes in an HTML document tree) implement the Even...
javascript-event.target
sll9711的博客
08-13 586
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #main { width: 200px; height: 100px; .
JavaScript事件属性event.target
weixin_33750452的博客
10-07 94
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; #m
event.currentTarget与event.target的区别介绍
09-05
在JavaScript的事件处理中，`event.currentTarget` 和 `event.target` 是两个非常重要的属性，它们在处理DOM元素上的事件时起到关键作用。本文将详细解释这两个属性的区别，并通过实际的测试代码来帮助理解。 首先...
IE event.srcElement和FF event.target 功能比较
09-05
在JavaScript事件处理中，`event.srcElement` 和 `event.target` 都是用来获取触发事件的元素，但它们在不同的浏览器环境中有所区别。`event.srcElement` 是Internet Explorer浏览器中的特有属性，而`event.target` ...
Javascript中, event 的 target 与 currentTarget 的区别
04-10
在实际开发中，`event.target`常用于对触发事件的元素进行特定的DOM操作，如改变样式、获取或设置属性等，而`event.currentTarget`则更适用于处理与事件处理函数绑定的元素相关的逻辑，如更新状态、执行函数等。...
jquery 关于event.target使用的几点说明介绍
10-27
在JavaScript和jQuery中，`event.target` 是一个非常重要的属性，尤其在处理事件时。它表示触发事件的实际DOM元素，即使事件冒泡到其他父元素，`event.target`始终指向最初的源头。这篇文竛建议我们理解并正确使用`...
Javascript里的EventTarget的应用
weixin_34167043的博客
11-15 103
为什么80%的码农都做不了架构师？>>> ...
javascript事件处理二 事件对象event详解及target和currentTarget区别
ScottePerk的博客
11-09 1348
在处理事件的时候，所有和事件相关的东西都封装到event这个对象里面。所以这个对象非常的重要。这个对象有非常多的内容，我们讨论几个计较常见和以及比较难区别的target和currentTarget。
JavaScript中的Event.target
qq_54334713的博客
04-26 7178
event.target 一般情况下我们获取目标事件源都是谁是调用者谁就是事件源，但是当有批量的DOM需要操作的时候，要判断哪一个dom是事件源就不是很明确了，使用e.target可以准确地获取事件源，并且在使用的过程中可以比较判断，从而实现我们的代码。 举个例子：当做一个拖拽的案例的时候，有多个事件源，但是想要知道鼠标点击的是不是我们想要的事件源的时候（例如：其他区域和事件源进行判断），我们就可以使用e.target，比较获取的事件源的Id,classname，nodename... 白话就是：用
addeventlistener事件第三个参数_【JavaScript 教程】事件——EventTarget 接口
weixin_39862484的博客
11-27 411
作者 | 阮一峰事件的本质是程序各个组成部分之间的一种通信方式，也是异步编程的一种实现。DOM 支持大量的事件，本章开始介绍 DOM 的事件编程。概述DOM 的事件操作(监听和触发)，都定义在EventTarget接口。所有节点对象都部署了这个接口，其他一些需要事件通信的浏览器内置对象(比如，XMLHttpRequest、AudioNode、AudioContext)也部署了这个接口。该...
js中event.target
zm_bingxindan的专栏
12-07 1653
Javascript event.srcElement      感觉这个挺好，可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。    注意获取的标记都以大写表示，如"TD","TR","A"等。所以把看过的一些抄下来，不记得的时候再来看看。         event.srcElement从字面上可以看出来有以下关键字：事件,源  
JS 中 event.target 与 event.currentTarget 的区别
yanzi_0216的博客
01-31 330
JS 中 event.target 与 event.currentTarget 的区别 event.target 返回触发事件的元素（在点击事件中，就相当于被你点击的那个元素对象） event.currentTarget 返回绑定事件的元素，即事件的委托对象（绑定了事件处理函数的元素） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS Bin</titl
什么是 event.target ？
liuhao9999的博客
03-22 6234
简单来说，event.target是发生事件的元素或触发事件的元素。 假设有如下的 HTML 结构： <divonclick="clickFunc(event)"style="text-align:center;margin:15px; border:1pxsolidred;border-radius:3px;"> <divstyle="margin:25px;border:1pxsolidroyalblue;border-radius:3px;">......
js 捕获事件时，从 event 中得到的 currentTarget 和 target 的差别以及必须注意的 srcElement 标签
NULL BLOG
06-19 5197
JavaScript 开发过程中，对事件的处理会涉及很多类型不同的属性和标签，例如，捕获事件时，从 event 中得到的 currentTarget 和 target 的，他们的差别用一小段代码进行示范： dojo.query('#side-menu .s-btn').onclick(function(event) { // 由同一个事件得到对象 var currentTarget = event.currentTarget; var tar
event.target的认识
weixin_38728273的博客
08-08 1293
最近在做特效的过程中遇到了获取目标事件源的情况，一般情况下我们获取目标事件源都是谁是调用者谁就是事件源，但是当有批量的DOM需要操作的时候，要判断哪一个dom是事件源就不是很明确了，使用e.target可以准确地获取事件源，并且在使用的过程中可以比较判断，从而实现我们的代码。 举个例子：当做一个拖拽的案例的时候，有多个事件源，但是想要知道鼠标点击的是不是我们想要的事件源的时候（例如：其他区域和事...
event.target与event.currentTarget
最新发布
04-07
event.target是事件的目标元素，即触发事件的元素。而event.currentTarget是当前事件的处理元素，即事件绑定的元素。如果事件在目标元素上触发，那么event.target和event.currentTarget是相同的。但如果事件在目标...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值