javascript循环添加事件，总是获取最后一个值

最新推荐文章于 2022-06-07 18:00:00 发布
最新推荐文章于 2022-06-07 18:00:00 发布
阅读量3.4k 收藏
点赞数 1
分类专栏： javascript 文章标签： javascript function stylesheet xhtml html google

这是一组link，你会发现每点击一下，结果总是6。WHY? 这是javascript闭包特性所引起，想了解请google。

解决问题：使用代理方法

添加下面代码：

[javascript:nogutter] view plain copy print ?
  1. function delegate(fn,params,obj){
  2. return function(){
  3. fn.call(obj||window,params);
  4. }
  5. }

再将 : alink.onclick = function(){alert(i)};

改为 :

var pFunc = function(i){alert(i)};
alink.onclick = delegate(pFunc,i,alink);

即可。

xiaohai0504
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js利用for in循环获取 一个对象的所有属性以及值的实例
11-29
在这个实例中，我们将深入探讨如何使用`for...in`循环来获取一个对象的所有属性及其对应的值。 首先，我们来看一下给出的代码实例： ```html <!DOCTYPE html> 使用for...in循环获取对象属性的实例 ...
js事件被多次触发时，如何做到只执行最后一次事件函数
weixin_33676492的博客
07-13 3145
昨天遇到一个问题：微信购物车页面的数量增减按钮点击过快时，input里的值会乱跳 　　看了源代码后发现，每次点击增减按钮后，整个购物车区域都通过ajax重新写入，而ajax写入是需要时间的，这就导致了点击过快时页面异步加载速度跟不上点击的速度，故此input里面的值会乱跳； 解决方案： 　　1、在点击事件外面申明一个变量 　　　　var iTime; 　　2、给ajax的触发事件添加时间...
js中for循环获取到的值都是最后一个解决方法
热门推荐
小七的博客
04-09 3万+
有5个按钮：&lt;div&gt; &lt;button&gt;按钮1&lt;/button&gt; &lt;button&gt;按钮2&lt;/button&gt; &lt;button&gt;按钮3&lt;/button&gt; &lt;button&gt;按钮4&lt;/button&gt;
关于for循环总是返回最后一个值问题
a5252145的博客
08-25 2万+
for (var i = 0; i < 10; i++) { setTimeout(function(){ console.log(i); }) } // 输出十个 10 for (let j = 0; j < 10; j++) { setTimeout(function(){ console.log(j); }) } // 输出 0123456789...
js for循环变量值永远是最后一个解决方法（闭包）
dou1246的博客
08-30 2300
window.onload=function(){ var li=document.getElementsByTagName("li"); for(var i=0;i<li.length;i++){ li[i].onclick=(function(n){ 　　return function(){ alert(n);...
用js的for循环获取radio选中的值
10-26
在JavaScript中，获取单选按钮（radio）选中值是一项常见的任务，特别是在处理表单数据时。本文将详细讲解如何使用for循环来实现这一功能。首先，我们需要理解HTML中的单选按钮元素`<input type="radio">`以及它们在...
javascript radio值获取代码
12-09
然而，为了提高代码的可复用性和通用性，我们可以封装一个函数来获取任何一组Radio按钮的选中值： ```javascript function getSelectedRadioValue(formName, radioButtonName) { var form = document.forms[form...
jQuery实现获取table表格第一列值的方法
10-22
在网页开发中，jQuery 是一个广泛使用的 JavaScript 库，它极大地简化了 DOM 操作、事件处理、动画设计以及Ajax交互。在本示例中，我们将深入探讨如何使用jQuery来获取HTML表格的第一列的值。 首先，我们需要了解...
Layui多选只有最后一个值的解决方法
10-16
在使用Layui框架开发网页应用时，遇到的一个常见问题是多选框（checkbox）只返回最后一个选中的值，而不是所有选中的值。这个问题通常出现在尝试获取表单数据时，特别是当多个多选框共享相同的name属性时。为了解决...
js的for循环中使用回调函数，获取到的值总是最后一个值？
MLAY
03-28 5875
解决办法：自执行函数传递参数 举例：注：setTimeout()函数即为回调函数 var dataSet = ["首页", "博客", "下载"] for (var i = 0; i < dataSet.length; i++) { var item = dataSet[i]; setTimeout(function () { con...
js的for循环中出现异步函数，取到的循环值总是最后一个值怎么办？(自执行函数、匿名函数)
weixin_45629194的博客
09-10 2402
具体问题是：在后台返回的一个中（数组），我要取到每一个值后调用接口转换取到的值，刚开始写的代码如下： for(var i=0;i<this.fileList.length;i++) { let that = this; if(that.fileList[i].fileUrl) { getI...
js、jq动态循环创建节点、append、createElement
林中明月间丶
03-19 7492
&lt;body&gt; &lt;ul&gt; &lt;/ul&gt; &lt;script type="text/javascript"&gt; //动态循环创建节点 var oUl = document.getElementsByTagName('ul')[0]; for (var i = 0; i &lt; 4; i++) { var aLi = do...
js中的for循环出现异步函数，回调引用的循环值总是最后一步的值？
qq_36742720的博客
11-20 1047
这几天跟着视频学习node.js，碰到很多的异步函数的问题，现在将for循环中出现的异步函数回调值的问题总结如下： 具体问题是关于遍历文件夹中的子文件夹的，for循环包裹异步函数的代码： for (var i = 0; i &lt; files.length; i++) { var itemFile = files[i]; fs.stat("./uploads/" + ite...
【JS 的数组赋值踩坑，一直是最后一个值。深、浅拷贝分析】
我有满天星辰的博客
06-07 2186
JS 的数组赋值踩坑，一直是最后一个值。深、浅拷贝分析
解决for循环总是输出最后一个数组的值的办法并且实现不同位置的li加载不同的img地址图片
u013018357的博客
03-31 1835
<ul id="list"> <li>按钮1<img src=""></li> <li>按钮2<img src=""></li> <li>按钮3<img src=""></li> <li>按钮4<img src=""></li> <li>按钮5<img src=""></li>
JS中以及JQ中如何发生滚动事件以及获取滚动的Top值
weixin_44017778的博客
06-07 298
JS： 创建： 标签节点：document.createElement("标签节点名称") 文本节点：document.createTextNode("文本节点值") 删除： 自删除：哪一个DOM元素对象.remove(); 通过父节点删除：哪一个父节点对象.removeChild(哪一个子节点) 追加： 哪一个父节点对象.appendChild(哪一个子节点) 克隆： 哪一个节点.cloneNode([true]) 如果添加true--克隆标签以及内容；没有true默认只克
JS的for循环总是弹出最后一个值得解决方法
Hi,印象钟情
01-04 1万+
首先看一下HTML内容，现在我想得到标签内的索引和内容，你也许刷刷的写下以下代码： 但是结果却不尽人意，总是弹出“6----果敢”，比较好的解决方法有以下几种： 1、使用闭包 var els = document.getElementsByTagName("li"); for (i = 0; i < els.length; i++) { var el = els[i
写一段用onChange循环获取七个值的方法
最新发布
05-24
假设你有七个input标签，其id分别为input1, input2, ..., input7。你可以使用以下代码来循环获取这七个输入框的值： ```javascript function handleChange() { let values = []; for (let i = 1; i <= 7; i++) { const input = document.getElementById(`input${i}`); values.push(input.value); } console.log(values); } for (let i = 1; i <= 7; i++) { const input = document.getElementById(`input${i}`); input.addEventListener('change', handleChange); } ``` 首先定义一个handleChange函数，用来获取七个输入框的值并打印到控制台上。然后使用一个for循环来遍历这七个输入框，为它们分别添加change事件监听器，监听到输入框内容发生变化时就调用handleChange函数。在handleChange函数中，使用一个数组来存储这七个输入框的值，最后打印到控制台上。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值