事件中$(this)指向window的问题

最新推荐文章于 2022-09-14 21:37:03 发布
最新推荐文章于 2022-09-14 21:37:03 发布
阅读量2.4k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44022586/article/details/88695093
博客指出箭头函数事件里this总是指向window，函数传事件形参时this同样指向window。若要阻止默认事件用到事件参数e，且事件在两个函数中写，需在单独事件函数中写$(this)。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

##this指向window
箭头函数事件中(this)总是指向window，函数中function(e)传事件形参，(this)总是指向window，函数中function(e){}传事件形参，(this)总是指向window，函数中function(e)传事件形参，(this)也是指向window,如果要阻止默认事件等用到这个e，事件在两个函数中写，需要$(this)的单独一个事件函数中写。

JS 关于 this 指向的几种情况
Thinking anywhere anytime.
01-02 3900
一、this 指向 window 1、全局函数里面的 this 指向 window 2、箭头函数里面的 this 指向 window // 定义全局变量 title 与函数 foo var title = 'hello,world' // 注意：若使用 let 定义则不属于全局变量 function foo() { console.log(this.title) } function arrow() { let title = 'hello,arrow' return () => { re
this指向
weixin_68485297的博客
05-16 665
一、this this随处可在，函数内部的另一个对象，this相当于在调用时的作用域 this在不同环境下，不同作用下，表现的也不同，谁调用函数，this就指向谁 1、全局作用下，this指向的是window <script> // 1、全局作用下，this指向的是window console.log(window); console.log(this); console.log(window==this); <
[JavaScript] this 指向问题（对象、window、jQuery、箭头函数）
苍狼的博客
08-24 887
Example 1.1: 对象中的 thisExample 1.2: 对象中的方法中的 thisExample 1.3: 综上Example 2.1: Window 中的 thisExample 2.2: Window 中的方法中的 thisExample 3: jQuery 相关Example 4: 箭头函数 本文可能不够完善，欢迎评论指出 Example 1.1: 对象中的 this // 定义 function Obj() { this.a = 1; } // 调用 var obj = new.
【技术】js中的setTimeout的this指向window对象
向着光芒的女孩
08-27 991
研究了一上午发现setTimeout的使用jquery的$(this)总是赋值不上，后来打印了一下，发现原来setTimeout里使用this指向的是window。 var testThis={ a:function(){ console.log(this); //{a: ƒ, b: ƒ} }, b:function(){ setTimeout(function(){ ...
JQuery中this指向
weixin_30563319的博客
12-01 382
如果是元素操作，$(this)就可以指向当前元素 <div id="test">谢小超</div> <script type="text/javascript"> $("test").on('click',function(){ var x= $(this).html(); alert(x); ...
js绑定事件this指向发生改变的问题解决方法
10-27
但是，在事件处理函数中，如果没有正确设置，`this`通常会指向全局对象（在浏览器中是`window`对象），而不是我们预期的宿主对象。 为了解决`this`指向错误的问题，我们可以利用`Function.prototype.bind`方法创建...
js中this的指向问题
01-08
全局作用域、普通函数以及定时器中的this指向全局对象window 方法中的this指向的是调用它的对象 构造函数中的this指向构造函数的实例 箭头函数中没有绑定this，this为最近外层作用域下有定义的this call、apply、...
详解JS中定时器setInterval和setTImeout的this指向问题
10-20
总结一下，`setInterval`和`setTimeout`的`this`指向问题在于它们的回调函数在全局作用域中执行，因此`this`默认指向`window`。要解决这个问题，可以使用变量保存`this`的引用或者使用`bind`方法来确保`this`指向...
JavaScript中this的指向问题
01-08
// 这里的this指向window ``` 3. **隐式丢失的特殊情况** 在某些特定情况下，如事件监听器中，回调函数的`this`会被系统自动设置为事件触发的对象。例如： ```javascript document.addEventListener("click", ...
匿名函数下this指向window，及解决办法；箭头函数的this指向问题
dxj124的博客
01-29 1751
匿名函数下this指向window var name = "小明"; var Data = { name: "xiaoming", init: function() { setTimeout(function() { console.log(this.name); //'小明' }, 1000) } } Dat...
事件对象与事件委托-包含解决在事件中箭头函数的this指向问题
世界和我们都不该止步于此
04-15 1056
目录 一.了解并使用事件对象 二.target与this 三.事件委托（冒泡的极致应用） 四.事件对象中的鼠标事件 一.了解并使用事件对象 什么是事件对象？ 当我们注册一个事件的时候我们会这样写： element.addEventListener('click',()=>{ //执行语句 }，true) 这时我们会发现有一个地方是空着的，没错就是函数参数是空着的，其实在注册事件的时候，这个参数就是事件对象，我们通过事件的触发所获得的数据会存放在这个事件对象中，可以在事.
this指向小总结
touzhu11的博客
09-14 614
this指向
JQuery this 和 $(this) 详解
我的新书《代码精进之路：从码农到工匠》
01-24 1576
this  this 在面向对象语言中，指代调用上下文对象，在js中，也是一模一样的概念，所以不管这个this出现在什么地方，只要追踪到当前调用对象是什么，那么this是什么也就一目了然了。 先看一个简单示例 (function(){ console.log("Normal function being invoked by: "+ this); })(); 输出： Normal
this指向问题（for each 和定时器中的this是指向windows的，如果要指向当前函数，可以使用箭头函数或者that）
weixin_44580808的博客
07-28 181
for each 和定时器中的this是指向windows的，如果要指向当前函数，可以使用箭头函数或者that
this指向和如何改变this指向 （详解）
qq_59599812的博客
09-14 486
this this this this this
详解js里的this关键字
好记性不如烂笔头
12-23 718
转自：http://segmentfault.com/blog/trigkit4/1190000000660679 js中的this 我们要记住：this永远指向函数运行时所在的对象！而不是函数被创建时所在的对象。 this对象是在运行时基于函数的执行环境绑定的，在全局环境中，this等于window 先来看个例子： script> var fullna
onclick中，获取不了$(this)
热门推荐
前端 潇凡-一个标准前端IT女
12-28 1万+
今天写项目，发现onclick中，$(this)默认绑定的是window对象，而不是当前点击对象。试了一下，onclick中，必须带this，在function内，才能获取当前对象。 链接 function openNewsList(url, obj) { console.dir(obj); $(obj).removeC
注册行内事件时，this指向window的问题解决
dxj124的博客
08-10 1325
 通过 console.log($(this))，获取到的this是a元素   通过 console.log($(this))，获取到的this是window   通过字符串拼接，渲染的时候，要想获取到该元素，需要行内绑定事件，需要通过onclick绑定事件，并且需要传入this...
js中onclick事件中this用法
qq_45187522的博客
10-02 9653
案例1： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .div1{ color: #0000cc; font-size: 20px; } </style> <
JavaScript this指向问题解析与解决策略
"这篇Markdown文件主要讨论了JavaScript中this的指向问题，特别是涉及到函数、定时器以及事件处理函数中的上下文。作者分享了自己的学习心得，并给出了一段代码示例来说明常见问题及其解决方案。" 在JavaScript中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值