首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

利用闭包解决for循环onclick事件不能捕捉实时i问题

问题描述 我们都知道,如果我们对于一组元素(相同标签)同时进行onclick事件处理时候(在需要获取到索引时候),一般是写一个for循环,但是onclick是一个异步调用,所以会带来一个问题,当我们触发这个事件时候...,我们能获取i是for完整执行完后i,而不能获取到代码顺序i 首先看一段代码: <!...console.log(i); } } 然后运行一下,当时作为一名天真的js...最后百度了一番才恍然大悟,原来console.log(i)i在循环完成时候被赋值成了5,而每个按钮onclick都被赋值了同一个function,也就是说每个functioni指的是同一个i...i,这样function中就不会随着循环中i改变而改变了,就可以打印出你要结果了。

1K80
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    PHPStorm 代码在 CSDN 文章中显示相关 js onclick” 代码失效情况!

    编辑器中复制了源码; > 然后直接粘贴在 csdn MarkDown 编辑器中(当然是代码块中!)...; > 文章保存发表后,发现直接复制博客代码内容粘贴在自己 PHPStorm 中时; > 排查问题发现 “onclick” 这个单词中 “o” 会失效; > 解决方法也不难,就是重新打出这个单词呗...【注意】 在此提示一下,其实文章前期,并没有出现这种问题, 因为有段时间我也是自己复制所写过源码,但是大概在三个月前出这种情况 也是超级一脸懵逼… 附录【2020-07-13】 ①...为了这个问题,今天与客服沟通了下,(客服态度很好哦)只是个人认为还是不够理想吧… ?...推测 本人推测可能是这些单引号双引号对 js代码产生影响 因为单纯 只有 “onclick” 这个词是没问题哦 希望不是我操作出现BUG,不然可就丢人咯,哈哈哈 … ?

    3.8K20

    JS

    作为函数式编程语言,JS带来了很多语言上有趣特性,比如柯化和反柯化。 这里可以对照另外一篇介绍 JS 反柯文章一起看~ 1....var sendPost = sendAjax( _ , _ , { type: "POST", contentType: "application/json" }) JS不具备这样原生支持...(个人理解不知道对不对) 3.3 延迟执行 柯另一个应用场景是延迟执行。不断化,累积传入参数,最后执行。...,甚至有些前后矛盾,在下文章都是学习过程中总结,如果发现错误,欢迎留言指出~ 参考: JS高级程序设计 JS化(currying) 前端开发者进阶之函数柯化Currying 浅析 JavaScript...中 函数 currying 柯化 掌握JavaScript函数化 函数式JavaScript(4):函数柯

    4.6K20

    VBA技巧:记住单元格更改之前

    标签:VBA,工作表事件 当工作表单元格中被修改后,我需要将修改前放置到其右侧单元格中。例如,单元格A1中输入有数值1,当我将其内容修改为2之后,之前数值1被放置到单元格B2中。..."Sheet1").Range("B1") = sOldValue Application.EnableEvents = True End If End Sub 这样,当在单元格A1中重新输入时...当一列单元格区域中发生改变时,需要将修改之前放置到相邻列对应单元格中,例如对于单元格区域A1:A10,其发生改变时,原来会自动放置到单元格区域B1:B10对应单元格中。...Value = Target.Value Target.Value = sNewValue Application.EnableEvents = True End If End Sub 有兴趣朋友可以试试看

    32010

    EasyGBS平台如何更改token时效性?

    EasyGBS国标视频云服务可支持通过国标GB28181协议将设备接入,实现视频实时监控直播、录像、语音对讲、云存储、告警等功能,同时也支持将接入视频流进行全终端、全平台分发,分发视频流包括RTSP...平台部署简单,无需插件就能实现web浏览器播放,也支持手机浏览器、微信、PC等各种终端无插件播放。 image.png EasyGBS平台也提供丰富API接口,便于用户根据需求进行集成或二次开发。...基于接口文档,用户可以通过相关接口来获取对应信息,并对接到自己开发平台。 用户反馈,EasyGBS平台token过了一天之后就无效了,不知道什么原因,请求我们协助排查。...因为用户开启了接口鉴权,所以调用接口需要添加token才能实现。我们排查用户配置文件,发现token有效期只设置了一天时效。...所以,解决上述问题,可以在此位置更改token时效,如下图所示: image.png 用户可以根据自己需求,自定义更改token时效。

    2.6K20

    SQL 确定序列缺失范围

    有一个序列表 seq,它有一个存整数序列字段叫作 id,原本序列是连续递增,但因某些原因,有的丢失了,我们希望能通过 SQL 找出缺失范围。...先来构造有缺失 seq 表,可以用 SQL 派生出这个表。...第一,把 seq 表中 id 字段每个 + 1 后再和 seq 表中数比较,如果不在 seq 表中,说明该数 + 1 是缺失,且是一段缺失范围起始。...START -------- 4 9 14 16 21 第二,在找到所有缺失数据范围起始后,再从 seq 表中找到大于起始最小...比如对于缺失 9,在 seq 表中能找到大于 9 最小是 12,12 - 1 = 11 就是该段缺失数据范围结束

    1.5K20

    JS|函数返回

    我们先来看一组代码 function kunkun(aru){ console.log(aru)}kunkun('打篮球') 这个看似能输出结果,实则是在逻辑上是不合理,我们函数是做某件事或者实现某种功能...所以,接下来我会介绍一种逻辑更严谨代码。 解决方案 return语句 有的时候,我们希望函数将返回返回给调用者,此时通过使用return语句就可以实现。...函数返回格式 function 函数名(){ return 需要返回结果;}函数名(); 函数只是实现某种功能,最终结果需要返回给函数调用者。是通过return来实现。...只要函数遇到return就会把后面的结果,返回给函数调用者。...num2){ return num1 + num2;}console.log(sum(1,2)) 结果输出为:3 由此可知,不要在函数内部输出结果,应该return给函数调用者。

    11.4K10

    获取Repeater控件动态声称控件

    当我们点击下面的超链接“回复留言”时候这个层就显示出来(相关js代码忽略)。然后我们在这个层TextBox框输入我们留言,随即点击“提交”控件提交内容。...这个时候就有一个问题了:我们是怎么获得Repeater控件里面的控件(注意:这个控件是“活”,是在运行时候根据客户来输入,而不是我们定死内容,如Label控件!)...并将这个写进数据库中相关表中并且用于区分是对这个留言者回复? 要解决以上问题就必须了解Repeater控件运行机制原理。...对于第一条记录它只为0,第二条它为1,以此类推…因此我们就可以用它和我们数据库表中主键一起传递到后台代码中。...,中间隔一个逗号之后再连接一个项

    1.9K40

    Scrapy框架中如何更改下载中间件headers?

    一、前言 前几天在Python最强王者交流群有个叫【麦当】粉丝问了一个关于Scrapy框架中如何更改下载中间件headers问题,这里拿出来给大家分享下,一起学习。...二、解决过程 如果只是单纯一次性添加,那么可以使用下面这个方式,直接在settings.py文件中设置: 但是他想动态修改,这样的话,单纯修改就有点力不从心了。...不过不慌,这个这里给出【小王】大佬解答,一起来看看吧,下面是他给一个示例代码,下面这个代码写在middleware.py文件。...这篇文章基于粉丝提问,针对Scrapy框架中如何更改下载中间件headers问题,给出了具体说明和演示,顺利帮助粉丝解决了问题。...最后感谢粉丝【麦当】提问,感谢【dcpeng】和【小王】大佬给出示例和代码支持。

    1.4K10

    expressapplication.js路由代码

    application.js是express框架核心,也是里面包括了服务端很多配置和逻辑代码。这里主要说一下和路由有关一些代码。...,其实然后直接通过router.handle进入到路由查找和处理,这个查找和处理过程在上一章已经分析过,也就是开始对router二维数组进行查找过程。...3.app.use本质是调用router方法进行处理,就是把传入函数挂载到layer层,然后储存在routerstack中,其中有一个特殊情况需要处理,就是如果用户传入了一个router类型路由对象时候...,这时候,如果匹配了对应路径时,执行是该路由对象handle方法,然后进入该router对象内部处理逻辑。...4.app.all方法本质是利用route对象进行配置路由,逻辑是一个两层循环,先是method数组循环,然后是在route中具体http方法函数循环。

    2.8K40

    JS游戏编程基础】关于jsthis关键字理解

    this关键字在c++,java中都提供了这个关键字,在刚开始学习时觉得有难度,但是只要理解了,用起来就方便多了,下面通过本篇文章给大家详解jsthis关键字理解。...接下来你谈谈我对它理解,也作为一个笔记,方便以后参阅。有不对地方,欢迎指出批评。 1. 不像C#,this一定是指向当前对象。 jsthis指向是不确定,也就是说是可以动态改变。...函数自执行就是特殊情况,在函数自执行,this 指向是:window。所以第一个 console.log 打印是 window 属性 number。 所以要加一点: 3....在函数自执行,this 指向是 window 对象。 扩展,关于this,还有一个地方比较让人模糊是在 dom 事件,通常有如下3种情况: 如下: 1....——因为这时toString函数this指针指向div元素,而该元素已经定义了m_Text成员(this.newElement.m_Text = "new element text!")

    3.1K101
    领券