e.target和this的区别

原创

我真不想敲代码 2023-03-24 19:45:18 博主文章分类：概念性问题 ©著作权

文章标签 dom对象 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者我真不想敲代码的原创作品，请联系作者获取转载授权，否则将追究法律责任

this和event.target的区别：
js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；
.this和event.target都是dom对象

长风破浪会有时，直挂云帆济沧海

上一篇：innerHTML、outerHTML、innerText、outerText的区别及兼容性问题

下一篇：验证码拖动！！！！！！！！待更新

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

服务器中E5和I9的区别是什么，如何选择合适的配置

随着科技的进步，服务器处理器的性能在不断攀升。其中，Intel的E5和I9系列处理器在业界具有广泛的影响力。而当我们在选择服务器的时候会有各种各样的配置让我们眼花缭乱不知道该怎么去选择，下面我跟大家分享一下E5跟I9有什么区别，方便我们在选择的时候有一个方向去选择合适自己的服务器。以下也会以I9-14900K和E5-2696V4*2举例E5与I9的主要区别1.架构E5和I9系列处理器基于不同

服务器单核虚拟化
Vue和React的区别

Vue 和 React 是当前最流行的前端框架之一，它们都具有独特的优势和不同的设计理念。在本文中，我们将比较 Vue 和 React 的一些关键方面，包括语法、组件化、状态管理、生态系统、性能和可测试性。语法Vue 和 React 的语法非常不同。Vue 使用模板语法，模板语法允许开发人员将 HTML 和 JavaScript 结合在一起，以创建可重用的组件。例如，下面是一个简单的 Vue

Vue 开发人员单元测试
【strlen】和【sizeof】的区别

先说结论：区别一：sizeof是用来求变量/类型在内存中所占的空间大小，关注的是空间，单位是字节。strlen求的是字符串长度，关注的是字符中有效的字符，单位是有效字符的个数。区别二：sizeof是操作符，只有在运算对象为类型的时候，才必须带圆括号，其他时候，圆括号可有可无。如sizeof（int）时，必须带括号，sizeof ‘a' 时，括号可有可无。strlen是库函数。是函数，使用时后面的圆

字符串有效字符操作符
e.target 与 this 区别

网站开发 JS脚本前端开发
e.target 和 e.currentTarget

们可以得出： e.currentTarget指的是注册了事件监听器的对象，而e.target指的是该对象里的子对象，也是触发这个事件的对象！这么说应该明白了吧？

事件监听器
e.target 和 e.srcElement 的使用问题

ie 下的event.srcElement从字面上可以看出来有以下关键字：事件.源（它的意思就是：当前事件的源），我们可以调用他的各种属性就像:document.getElementById("")这样的功能， event.srcElement 可以捕获当前事件作用的对象，如event.srcEle...

前端开发 web前端 html
js事件对象以及e.target与this的区别

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div>123</div><script> var div=document.querySelector('div'); div.onclick=

事件对象 html 数据
event.srcElement 和 e.target 用法

注意获取的标记都以大写表示，如"TD","TR","A"等。所以把看过的一些抄下来，不记得的时候再来看看。复制代码代码如下:<script type="text/javascript"> function tdclick(){ if(event.srcElement.tagName.to

event srcElement tar
e.target与e.currentTarget的作用

要说清楚这个东西，还不太好阐述呢，所以，先看看下面的代码：[html] view plain copy print

html sed javascript
彻底弄懂小程序e.target与e.currentTarget

一、小程序中关于事件对象 e 的属性中有两个特别重要的属性：target与currentTarget属性：对于这两个属性，官方文档上的解释是：　　　　　target：事件源组件对象　　　　　currentTarget：当前组件对象　　可能这两句解释有点官方，反正我一开始看的时候是稀里糊涂、丈二和尚摸不着头脑，为了弄清楚它们之间的区别，我写了一个简单的代码，代码如下：<

小程序事件冒泡事件触发
[js] 事件对象 e.target offsetX clientX pageX

鼠标相关事件 e.target 触发事件的标签对象鼠标位置坐标数据

js 标签名属性值键盘事件
在vue事件中传入$event，使用e.target和e.currentTarget有什么区别

在Vue中，事件处理是前端开发中非常重要的一部分。当我们在Vue中处理事件时，经常会用到事件对象event，而在事件对象中，有两个常用的属性：e.target和e.currentTarget。这两个属性在使用上有些细微的差别，本文将为大家详细介绍它们的区别和使用场景。

Vue 背景颜色使用场景
e.target.value和this的区别

1.e.target.value获取的就是你选择接受事件的元素输入的或者选择的值。参数e接收事件对象。而事件对象也有很多属性和方法，其中target属性是获取触发事件对象的目标，也就是绑定事件的元素，e.target表示该DOM元素，然后在获取其相应的属性值。2.this就是指向当前事件所绑定的元素。3.e.target.value和this的区别：1.先弄清楚e.target指向哪个元素，然后看看这个元素的value属性的值就可以得到了。初学者一般会把e.target和this..

事件对象绑定事件属性值事件绑定 java
target和currentTarget的区别

target和currentTarget的区别开始学习Flex，会在别人的代码中经常看到target和currentTarget这两个属性，一般是event.target、event.currentTarget，那他们两个有什么区别呢？简单说，target是事件的调用对象(event dispatcher)，currentTarget是事件的处理对象(event processor

flex
“rman target /” 和 “rman nocatalog target /” 区别

这两者这间有如下区别：rman target / 是连接了 target DB并进入了rman环境，这时还可以连接 catalog DBrman nocatalog target / 是以nocatalog模式连接进入了target DB，这时是不可以再连接catalog DB了[oracle@prod ~]$ rman nocatalog target /Recovery Manag

rman
Event 的 target 和 currentTarget 的区别

比如说现在有 OutterBoxEl 和 InnerBoxEl OutterBoxEl.addChild(InnerBoxEl) OutterBoxEl 监听鼠标点击事件那么当点击 InnerBoxEl 时

Event
JavaScript事件对象属性e.target和this的区别

前言：Event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象event，它有很多属性和方法。比如：谁绑定了这个事件。鼠标触发事件的话，会得到鼠标的相关信息，如鼠标位置。键盘触发事件的话，会得到键盘的相关信息，如按了哪个键。其中事件对象属性e.target，它和this的

JavaScript
0170 事件对象：事件对象的属性和方法，e.target 和 this 的区别

1.3.5.1 什么是事件对象事件对象：事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象。比如： 1. 谁绑定了这个事件。 2. 鼠标触发事件的话，会得到鼠标的相关信息，如鼠标位置。 3. 键盘触发事件的话，会得到键盘的相关信息，如按了哪个键。 1.3.5.

事件对象事件处理 html 事件冒泡事件触发
jquery tagify 中文 jquery e.target

从项目中遇到的一个Jquery的bug说起。我们用Jquery监听了一个单元格的'mouseenter'事件，用来显示单元格内容的tooltip. 想做的事情很简单，但是QA开出来一个bug：鼠标从上一行或者下一行滑动到单元格，tooltip 可以正确显示。但是如果从同一行的其他单元格平行滑动过来，tooltip 是不显示的的。这个和事件机制有什么关系呢？让我试着慢慢道来。。1. 项目截图以及目标

jquery tagify 中文 Js 事件冒泡 Jquery on
e.currentTarget.dataset 和 e.target.dataset 的区别

``` 文字使用第一种的方法e.target.dataset.action 会获取当前点击的元素的action，则获取图片上的action，图片上没有action便取的是undefined；使用第二种的方法e.currentTarget.dataset.action 会获取有事件的那个元素，即view，所以获得“father” ```

获取图片其他
frpc 内存占用

进程间通信一、无名管道1、例子二、FIFO1、特点2、函数原型3、errno函数4、创建管道例子三、消息队列 msg1、特点2、原型3、例子发送接收函数的代码块接受发送函数4、ftok函数ftok函数ftok原型5、msgctl函数四、共享内存 shm创建共享内存的过程1、函数原型2、写函数的代码读函数五、Linux信号1、signal函数例子高级传递信号编程六、信号量1、函数原型2、se

frpc 内存占用消息队列 #include 共享内存
centos7下载tcpdump及其依赖包

目录一、ping1、命令参数：2、示例-将当前的信息打印到一个文件中3、示例-结束进程二、dig1、安装2、语法格式选项说明3、示例4、示例-将当前的信息打印到一个文件中三、nslookup1、安装2、语法格式选项说明3、示例四、tcpdump抓包1、安装2、语法格式：选项说明3 示例4、示例-将当前的信息打印到一个文件中一、ping1、命令参数：-d 使用Socket的SO_DEBUG功能。

网络 contos7 nginx DNS 时间戳
tsc打标机怎么通过Java代码知道没有纸张了

使用ts_lib包自带的ts_calibrate校准触摸屏非常简单实用，但在基于Xsever的GUI应用环境下，有两个问题存在： 1.校准后必须重新启动X，应用端才能生效。这样处理用户肯定不能接受，因为启动一次机器毕竟耗时。 2.在使用ts_calibrate校准触摸屏时，要触摸5个点，这时如果GUI应用端在运行其他响应触摸事件(鼠标事件)的程序就会出现错乱。所以安全的做法应该是在校准触摸屏时进行

module application 算法 linux 触摸屏
java redis 自增第一次问题

一、Redis初映象高性能的key-value服务器多种数据结构（区别于memcached）丰富的功能高可用分布式支持二、相识2-1、Redis初识2-1-1、Redis是什么开源（短小，精悍）、key-value基于键值的存储服务系统（Java中的Map）、多种数据结构（String、Hash Tables、Linked Lists、Sets、Sorted Sets）、高性能2-1-2、

java redis 自增第一次问题 Redis 学习笔记 redis Redis 单线程
vm ios镜像文件下载

VMware Workstation Pro安装说明VMware Workstation Pro软件可以在360软件管家直接一键下载安装，所以这里不再详细介绍。目录VMware Workstation Pro安装说明一：下载ISO安装镜像1、win镜像下载地址：2、linux镜像下载地址：二、虚拟机配置基础环境新建虚拟机三、安装操作系统 1、win系统安装2、linux系统安装一：下载I

vm ios镜像文件下载 ios linux windows 下载地址

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯