注册行内事件时，this指向window的问题解决

最新推荐文章于 2022-01-02 14:57:33 发布
最新推荐文章于 2022-01-02 14:57:33 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dxj124/article/details/81563799
版权

 通过 console.log($(this))，获取到的this是a元素

 

通过 console.log($(this))，获取到的this是window

 

通过字符串拼接，渲染的时候，要想获取到该元素，需要行内绑定事件，需要通过onclick绑定事件，并且需要传入this

dxj124
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
onclick中，获取不了$(this)
前端 潇凡-一个标准前端IT女
12-28 1万+
今天写项目，发现onclick中，$(this)默认绑定的是window对象，而不是当前点击对象。试了一下，onclick中，必须带this，在function内，才能获取当前对象。 链接 function openNewsList(url, obj) { console.dir(obj); $(obj).removeC
事件中$(this)指向window的问题
weixin_44022586的博客
03-20 2419
##this指向window 箭头函数事件中(this)总是指向window，函数中function(e)传事件形参，(this)总是指向window，函数中function(e){}传事件形参，(this)总是指向window，函数中function(e)传事件形参，(this)也是指向window,如果要阻止默认事件等用到这个e，事件在两个函数中写，需要$(this)的单独一个事件函数中写。 ...
JS事件
Ulrica_Amaris的博客
09-07 526
事件 1.事件就是交互事件，用户点击实现回馈，是交互体验的核心功能。 绑定事件 1.ele.onxxxx = function(event){} 兼容性很好，但是一个元素的同一事件上只能绑定一个 基本等同于写在HTML行间上。 2.obj.addEventListener(type, listener, options) IE9以上，可以为一个事件绑定多个处理程序。 3.obj.attachEvent(‘on’ + type, fn（事件处理函数）)； IE独有，一个事件同样可以绑定多个处理程序 解除事件
关于行内元素onclick事件，为什么会出错?
wh880510的博客
03-14 3099
作为一个初步学习的Java程序员来说，很少写过前端东西、学习期间也是有现成的前端页面， 只需要修改一下前后端的请求接口和页面内容的渲染。作为刚入职的小白来说，公司竟然让写前端，具体的仿照着之前的进行修改。。 刚入职就开始干活，写起来也是各种的酸爽吧（不熟，，）对于行内的onclick调用函数，写到$(function(){})的时候就是各种的没有反应。在网上看看资料原来是：    $(functi...
JS 关于 this 指向的几种情况
cookcyq__的博客
01-02 3783
一、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
动态给table添加行点击事件
weixin_42787326的博客
01-09 3532
window.onload = function () { var trs = document.getElementsByTagName('tr'); for (let j = 0; j < trs.length; j++) { trs[j].onclick = function()...
this的指向问题
Vinsmoker_Sanji的博客
09-23 120
一.函数下的this 1.普通函数调用，this指向window <script type="text/javascript"> function fn(){ var user = "张三"; console.log(this.user); //undefined console.log(this); //Window } fn(); </script> 函数下的this，指向的是window对象，所以返回的是 und
解决iview 中i-table的render方法this指向window（requirejs模式下）
web前端开发
02-06 2614
1、i-table通过render方法渲染的的删除按钮，调用时this指向变成window 2、解决方法，用一个变量接收new Vue()的对象即可
页面传入this获取的确实window对象，请高人指点
IT home
04-03 798
   页面代码     &lt;a href="javascript:getBalance(this)"  class="btn b2" &gt;&lt;/a&gt;     js文件代码   function getBalance(obj){ //if(toLogin()){  $.ajax({   type:'POST',   url:ctx+"/cmcc/getBanlanc...
html行内触发事件的this指向（原生js学习）
lcathm的专栏
06-24 9314
参考： http://www.cnblogs.com/snandy/archive/2011/03/07/1976317.html var m=function(){         alert(2);     }     var obj={         A:function(){         },         m:function(){        
匿名函数下this指向window，及解决办法；箭头函数的this指向问题
dxj124的博客
01-29 1666
匿名函数下this指向window var name = "小明"; var Data = { name: "xiaoming", init: function() { setTimeout(function() { console.log(this.name); //'小明' }, 1000) } } Dat...
【JavaScript】避免this指向window的解决方法
iuukai
10-16 378
1. 【多层this】this赋值给一个变量 未处理： var o = { f1: function () { console.log(this); // Object var f2 = function () { console.log(this); // Window }(); } } o.f1(); 处理后： var o = { f1: function () { console.log(this); // Object
JavaScript和HTML事件处理程序属性中的this的含义
拈花的专栏
08-04 1082
HTML里事件处理程序属性中的this: HTML文档里事件处理程序属性中的this表示触发此事件的元素。例如： <iframe id="iframe" src="{{url}}" width="{{iframewidth}}" height="{{iframeheight}}" ng-if="!isIE" onload="this.readyState = 'complete'"&g...
[JavaScript] this 指向问题（对象、window、jQuery、箭头函数）
苍狼的博客
08-24 647
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.
this指向问题,标签上绑定onclick事件this指向问题
qq_40775700的博客
06-21 5134
&lt;input type="button" value="修改" onclick="changeContent()"&gt;写在元素上onclick里面的函数changeContent，相当于函数直接调用，函数里面使用的this指向全局对象window，而不是指向该元素那么要获取onclick所在节点的object，我们则需要在调用function时就把this传递过去：&lt;input t...
Atitit.js this错误指向window的解决方案
weixin_33831673的博客
03-24 74
Atitit.js this错误指向window的解决方案     1.1. 出现地点and解决之道1 1.2. call,apply和bind这三个方法2 1.2.1. Function.prototype.call2 1.3. 在函数内部出现的this，指什么要看这个this所在的函数的被调用方式。 不论这个this出现在什么样的函数中，层次有多深，结构多复杂，只要看直接包含它的函...
通过行内式绑定focus和blur事件，实现注册验证的功能
最新发布
06-11
在输入框中加入了`onblur`和`onfocus`事件，当输入框失去焦点时（即`onblur`事件被触发），会调用`checkUsername()`函数进行用户名验证；当输入框获得焦点时（即`onfocus`事件被触发），会调用`clearError()`函数...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值