this指向和event操作以及改变this指向

最新推荐文章于 2022-04-05 16:56:30 发布
最新推荐文章于 2022-04-05 16:56:30 发布
阅读量247 收藏 1
点赞数
分类专栏： 前端知识点 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52154391/article/details/115307399
版权
this指向和event操作以及改变this指向：this指向this是函数内部对象，默认调用功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入this指向原生js函数方法内this指向windows，要想获取操作元素本身可在方法
摘要由CSDN通过智能技术生成

this指向和event操作以及改变this指向：

this指向和event

原生js函数方法内this指向windows，要想获取操作元素本身可在方法内传参数this（注意：实参为this时形参不能为this，函数内默认this为windows），若要阻止默认事件的发生，需要传递参数event；

this

this是函数内部对象，默认调用
click1点击事件
click1函数调用
click1点击结果

event

event指向鼠标默认事件，event.target与this指向一致，指向操作的DOM节点
click2 event事件
click2方法
click2打印结果

不传递event：

另外，不

最低0.47元/天 解锁文章
奋斗小草
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jq 获取dom对象this和event.target
ViolenceHK的博客
08-22 5673
几天学习Ajax,看别人在点击事件获取dom时用event.target获取,发现很多不知道的地方。 一、先说说区别 1.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； 2.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(even
this指向的几种情况以及改变this指向的几种方法
m0_52743009的博客
10-11 497
this指向的几种情况以及改变this指向的几种方法
js函数中关于this与event的用法
cchchunhe的博客
12-07 3924
This 说明：this关键字要想在函数中使用以代表调用函数的那个对象，必须要作为函数的实参传入，而且函数对应的形参还不能直接是this接收，然后才能在函数内部获取到调用本函数的那个对象（我的理解是this是关键字，所以不能定义为形参的变量名）。 Event 说明：用event的话，调用函数时不用传参，但一定要是事件触发的函数，event就是代表该事件......
jQuery中event.target和this的区别——冒泡
cysear的专栏
04-18 2397
为什么会区分event.target  和 this  , 根本原因是， js事件会冒泡，this是会改变的，而event.target是不会改变的，是谁调用，就指向触发事件的DOM元素本身 举个栗子，比如div元素里面有一个span元素，想要点击谁，谁背景颜色就变成橘色，那么我们肯定会简单直接写成 $("div, input").click(function () {
jquery中的event.target和this的区别
gztrljh
12-08 151
jQuery中event.target和this的区别 this和event.target的区别： 　　1.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远指向触发事件的DOM元素本身； 　　2.this和event.target都是dom对象，使用jQuey中的方法可以将他们转换为jquery对象：$(this)和$(event.target). ...
基于js中this和event 的区别(详解)
11-30
本文将深入探讨`this`和`event`的区别以及何时使用它们。 首先，`this`是JavaScript的一个关键字，它在不同上下文中具有不同的指向。在函数调用中，`this`通常指向调用该函数的对象。例如，当一个函数作为对象的...
jQuery中event.target和this的区别详解
11-20
this和event.target的区别： 　1.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远指向触发事件的DOM元素本身； 　2.this和event.target都是dom对象，使用jQuey中的方法可以将他们转换为...
如何解决attachEvent函数时，this指向被绑定的元素的问题？
10-30
然而，与W3C标准的`addEventListener`不同，`attachEvent`的一个显著问题是：在事件处理函数内部，`this`关键字并不指向触发事件的元素，而是指向全局对象（通常是`window`）。这在进行事件处理时可能会引发问题，...
基于js中this和event 的区别(详解).docx
01-22
2. 在事件冒泡过程中，`this`可能会随着事件向上冒泡而改变（取决于事件处理函数如何绑定），而`event.target`始终保持不变，始终指向最初触发事件的元素。 3. `this`和`event.target`都是DOM对象，可以分别通过`$...
浅谈jQuery使用this和event.target
筱葭的博客
03-14 621
1、this和event.target的区别： JavaScript中事件会冒泡，所以this是可以变化的，但event.target不会变化，永远是触发事件的目标DOM元素。 2、jQuery中的this和event.target this和event.target都是DOM对象。 使用jQuery中的方法可以将this和event.target转换为jQuery对象：$(thi
Vue中currentTarget $event 的用法--获取当前父元素,子元素
tiankongxiao的博客
12-16 4451
<button @click = “clickfun($event)”>点击</button> methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementS...
参数传递 this 和 event 的区别
zlzbt
05-29 1163
当我们调用一个方法的时候一般都会传递this作为参数，但是今天小编遇到了一个问题就是传递this作为参数时 evt.target 是undefined 如果传递的参数是event时 就能找到 evt.target 对应的值 小编很是不解便去查询了一下两者的区别 this和event.target的区别： js 中事件是会冒泡的，所以this是可以变化的，但event.targe...
this与event.target区别
qq_40281275的博客
11-13 1098
this和event.target的区别： 1.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远指向触发事件的DOM元素本身； 2.this和event.target都是dom对象，使用jQuey中的方法可以将他们转换为jquery对象：$(this)和$(event.target). 假设htm是&lt;div&gt;&lt;span&gt;&lt;/s...
我的JavaScript笔记——三、事件对象event和 this关键字
admin_zlj的博客
04-05 857
目录一、事件对象event和this (重点） 一、事件对象event和this (重点）
事务不生效之this调用
GreatorMan的博客
10-27 2478
在业务开发中，我们在一个类中一个服务方法调用同一个类服务方法，发现事务失效，代码如下： 比如一个订单入库： public class OrderService implements IOrderService { @Override @Transactional public Boolean initOrder() { //初始主订单 return Boolean.TRUE; } private Boolean initPro
Vue实例methods中的方法this指针，在eventBus和addListener中的指向问题
chenjixue的博客
01-16 1058
首先说结论，Vue中的methods方法this在源码中全部被bind到当前Vue组件实例，上源码 可以看出vue里面的方法都被bind强制绑定了this上下文，也就是当前Vue组件实例 functionnativeBind(fn,ctx){returnfn.bind(ctx) } varbind=Function.prototype.bind?nativeBind:polyfillBind;functioninitMethods(vm,methods){/...
探究绑定事件的this指向以及event传参的小问题
weixin_30750335的博客
07-10 177
this指向 直接上代码，凑合着看 <input type="button" onclick="page()" value="点我"></input> <input type="button" value="点我2号" id="btn"/> <input type="button" value="点我3号" id="btn2"/> &lt...
js addEventListener和attachEvent函数中的this的指向问题及解决方法
全赞功成湿的博客
01-16 4149
这篇文章主要讲解addEventListener和attachEvent函数中的this的指向问题，addEventListener中的this指向调用它的对象，而attachEvent函数中的this指向window对象，并提供了一个方法（使用e.target和e.srcElement代替this）来解决问题。
attachEvent中this指向(转)
最新发布
05-26
在使用attachEvent()方法时，this指向的是绑定事件的元素。例如，如果我们在一个按钮上绑定了click事件，那么在事件处理函数中，this指向的就是这个按钮元素。 但是需要注意的是，attachEvent()方法是针对IE浏览器...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值