for循环下的点击事件要用this的原因

最新推荐文章于 2022-06-02 11:08:46 发布

沐翊1122

最新推荐文章于 2022-06-02 11:08:46 发布

阅读量545

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45937495/article/details/103631920

版权

在这里插入图片描述 for 循环中无论是 i = 0;还是 var i = 0；声明的都是全局变量，console.log(i) 无论是在 for 循环中输出还是在 for 循环外输出，均为 3

所以 lis[i] 要换成 this
ES5及以下版本中可用 this 或者闭包解决这个问题，但在ES6中，只需要将 i 用 let 声明，如下：
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

沐翊1122

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

js this 点击事件 for循环案例1

weixin_41684068的博客

07-26

324

点击左边的盒子，盒子变成黄色，右边的上下盒子显示相应的字母，鼠标移入下面盒子，背景变色 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</titl

【Javascript】for循环中的绑定事件为什么要用this

weixin_43790653的博客

02-20

918

【Javascript】for循环中的绑定事件先来看一段代码： <div class="box"> <ul> <li> <img src="images/4.jpg" alt=""> </li> <li> <img src="images/9.jpg" alt=""> </li>

参与评论您还未登录，请先登录后发表或查看评论

JS的for循环事件，为什么用this

Serendipper_Alex的博客

06-02

428

JS的for循环事件，为什么用this

js中for循环this的使用

weixin_34232617的博客

03-28

705

随着对js的深入学习和使用，你会发现它里面包含了很多令人困惑的机制，比如对象、闭包、原型链继承等等　　1、this是啥？　　简言之，this是JavaScript语言中定义的众多关键字之一，它的特殊在于它自动定义于每一个函数域内，但是this倒地指引啥东西却让很多人张二摸不着头脑。这里我们留个小悬念，希望看完这篇文章了你能回答出来this到底指引个甚。　　2、this有啥用？　　那...

循环中点击单个事件(巧用this,指向当前对象)

weixin_30731305的博客

07-01

229

<em id='show' value="<?php echo $member['phone']; ?>" class="sui"><a href="#">查看归属地</a></em> <em id='show' value="<?php echo $member['phone']; ?>" class="sui"...

关于JS中for循环中使用this

MisakaV的博客

01-27

3139

window.onload = function(){ //点击每个li节点，都弹出其文本值 var liNodes = document.getElementsByTagName("li"); for(var i=0;i<liNodes.length;i++){ liNodes[i].onclick = function() { ...

使用Vue中 v-for循环列表控制按钮隐藏显示功能

10-17

本篇文章将详细讲解如何利用`v-for`循环列表来控制按钮的隐藏与显示，以及如何处理列表内的事件绑定，确保事件只对当前列表元素生效。首先，`v-for`的语法通常是`v-for="item in items"`，其中`items`是源数据数组...

vue中v-for循环选中点击的元素并对该元素添加样式操作

10-15

要实现点击操作并在点击时只改变被点击元素的样式，关键是要在数据对象中保存被点击的元素的唯一标识（如索引index），然后在v-for循环中使用这个标识来动态控制元素的class属性。在Vue中，可以通过绑定class属性来...

浅谈js for循环输出i为同一值的问题

10-20

在这篇关于JavaScript中for循环输出同一值问题的讨论中，我们首先会遇到一个常见的问题：为什么在使用for循环为HTML元素的点击事件绑定处理函数时，无论点击哪个元素，弹出的都是同一个值，而不是按照预期弹出不同的...

小程序点击按钮for循环view加1，for循环内的下拉框选择互不影响

08-01

在这个场景中，标题和描述提及的问题是关于如何在小程序中使用`for`循环创建多个`view`元素，每个`view`中包含一个按钮和下拉框，使得用户可以独立操作每个下拉框而不会影响其他实例。下面我们将详细探讨这一技术...

001_关于循环绑定事件函数中的对象索引值与this

qq_33605778的博客

07-29

361

看下面一段js代码： window.onload = function() { for(var i = 0; i < allA.length; i++) { allA[i].onclick = function() { alert(allA[i] == this); //false alert(i); //3

js中for循环中绑定事件（lis[i]与this 不能相互替换的原因）

J_aSON_的博客

04-02

1150

先附上代码 for( i =0;i<lis.length;i++) { console.log("e" + i); lis[i].onclick = function(){ //干掉其他人 for(var j=0;j<lis.length;j++) ...

关于JS中for循环时，作用域问题和this指针指向的总结

Ekida的博客

09-19

3565

在大多数计算机语言中，｛｝这样一对花括弧叫一个块级作用域，也就是一个执行环境。在一个执行环境中，执行环境内部的变量在作用域外部式无法被访问到的。执行环境内部倒是可以访问外部的变量。但由于JS中没有块级作用域，只有函数作用域。所以类似于像for(；；){ }这样的作用域，实际上它还是在它的上层作用域之内，如果它上层作用域是global或window，那么实际上这个for循环还是在全局作用域下。

JS中for循环中绑定事件(trs[i]不能与this替换)

每天进步一点点！

07-19

1394

对于该问题,我认为理清楚代码的执行流程就清楚了! 案例: 需求: 当鼠标移动到表格中的每一行时,行的背景颜色发生变化;移出时,恢复原状. js中的部分代码如下: var trs = document.getElementsByTagName("tr");//(1)获取所有的行对象,并存入数组. //移动鼠标,表格行有颜色变化 for (var i = 0; i < trs.len...

for，forEach数组字符串 / 对象for...in / 对象取值for...of / 循环里用this / 函数不可以用i要自定义索引 / break打破 / continue持续

kino2046的博客

08-30

898

for(初始值;结束条件;循环变化值或自增){执行语句}; 初始值-->判断-->执行语句-->循环变化值-->判断-->执行语句-->判断-->跳出循环 for(var i = 0; i < *.length; i++){ 用this代表触发当前事件的元素 } for里用了一个函数，里面可以用i for(var i=0;i<aIn...

js属性调用者只能用this不能用数组遍历循环内的arr[i]

weixin_46032763的博客

08-02

384

<body> <button>开关灯</button> <button>开关灯</button> <button>开关灯</button> <button>开关灯</button> <button>开关灯</button> <script> var btns = document.querySele.

JS中使用for循环添加点击事件时，获取i值及参数异常原因及解决办法

大头之家

01-24

4814

遇见此问题,代码检查了n次都没毛病,但是却出现下述问题, 坑了我好久,原来是这个原因,记录避坑! PS这是js的处理方法, 在jquery中直接用each遍历元素绑定点击事件即可避免 $('#id').each(function(i){ $(this).click(function(){ alert(i); }); }); 转自 : https://

JS中对于for循环中点击事件的理解（通俗版）

mengxianglong123的博客

11-18

3180

在学习JS时遇到了一个问题，就是如果有多个按钮时，我们可以通过document.getElementByTagName（“button”）的方式来获取事件数组，在获取后我们需要监听每一个按钮是否被点击。最简单的方式就是分开写，一个按钮对应一个点击事件函数，这样虽然通俗易懂，但是这样的代码量是十分大的，既然我们获得的是一个事件的数组，为什么不用一个for循环来解决呢，于是就有了下面这一种写法（本代码...

Vue v-for循环点击元素动态添加样式与索引应用

本文将详细介绍如何实现这种场景，特别是在v-for循环中选中并为点击的元素添加样式。首先，我们需要明确问题的关键点。在HTML模板中，我们通常使用`v-for`指令遍历数组中的对象，并通过`:class`属性动态绑定样式。...