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

最新推荐文章于 2024-03-13 17:13:25 发布
转载 最新推荐文章于 2024-03-13 17:13:25 发布 · 3.4k 阅读 · 0
文章标签：

#javascript #function #stylesheet #xhtml #html #google

本文通过一个具体的JavaScript示例，展示了闭包特性如何影响事件处理程序中的变量捕获，并提供了解决方案。

这是一组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);

即可。

JavaScript DOM 操作与事件处理：获取元素、循环绑定事件与排它思想
前端基地
03-20 444
本文介绍JavaScript常用的DOM操作与事件处理技术，像getElementsByTagName获取元素、循环绑定事件、动态获取元素编号和排它思想。动态修改页面元素样式、更新内容，实现单击按钮改变文本或样式等交互，助力网页开发。
javaScript事件处理- (该到大结局的时候了)
愤怒的菜鸟
10-14 221
事件(event): 事件是可以被 JavaScript 侦测到的行为。 事件类型(event type) : 是一个用来说明发生什么类型事件的字符串 事件目标(event target) : 是发生的事件的对象(那个傻逼发生那个事件，是指事件那个傻逼) 事件处理程序(event handler)或事件监听程序(event listener): 是处理或相应事件的处理函数 (根据事件注册方式区...
js事件被多次触发时，如何做到只执行最后一次事件函数
weixin_33676492的博客
07-13 3289
昨天遇到一个问题：微信购物车页面的数量增减按钮点击过快时，input里的值会乱跳 　　看了源代码后发现，每次点击增减按钮后，整个购物车区域都通过ajax重新写入，而ajax写入是需要时间的，这就导致了点击过快时页面异步加载速度跟不上点击的速度，故此input里面的值会乱跳； 解决方案： 　　1、在点击事件外面申明一个变量 　　　　var iTime; 　　2、给ajax的触发事件添加时间...
a标签多文件下载时只下载最后一个文件的问题
weixin_45101949的博客
03-13 994
在项目中，我们常常会遇到一些下载的需求。
为＜select＞集合添加选项只有最后一个select添加成功的原因
Akatsuki的博客
07-07 314
问题： 我有一个页面上装载了四个动态表格，table的name都是example，每个table的每一行里面都有一个叫field4的<select>，现在我要根据表单上的一些域值生成选项添加进这些<select>中。 处理过程： function createSelectOptios() { …… var optionList = new Array(); var option = document.createElement("option");
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;
JavaScript获取一个范围内日期的方法
10-24
当我们创建一个Date对象时，可以将日期和时间设置为特定的值，或者让JavaScript为我们提供当前的日期和时间。Date对象提供了一系列的方法，比如getMonth()、getDate()、getHours()、getMinutes()等来获取日期和时间...
js利用for in循环获取 一个对象的所有属性以及值的实例
11-29
在这个实例中，我们将深入探讨如何使用`for...in`循环来获取一个对象的所有属性及其对应的值。 首先，我们来看一下给出的代码实例： ```html <!DOCTYPE html> 使用for...in循环获取对象属性的实例 ...
JavaScript获取table中某一列的值的方法
10-25
- 在`<table>`元素上，我们添加了一个`onclick`事件处理器，当用户点击表格时，会调用`getTdValue()`函数。 - `getTdValue()`函数通过`document.getElementById()`获取到表格的DOM元素。之后，它通过一个for循环...
javascript radio值获取代码
12-09
然而，为了提高代码的可复用性和通用性，我们可以封装一个函数来获取任何一组Radio按钮的选中值： ```javascript function getSelectedRadioValue(formName, radioButtonName) { var form = document.forms[form...
javascript循环绑定事件，只返回最后一个实例，解决办法
tianxin_star的专栏
01-31 852
例子： 闭包演示 div { background: gray; margin:5px; } function init() { var list = document.getElementsByTagName("div"); for ( var i = 0; i < list.length; i++) { var div = list[i];
js项数组添加元素，前面的值总是被最后一次的值覆盖的问题
焦玉丽
03-19 5646
http://blog.youkuaiyun.com/xiaoye319/article/details/78416762同上文，我用splice函数，向数组中添加实体时，在for循环中总是被最后一个覆盖原来的写法 dataUserEntity={title:'',email:''};for (var i = 0; i &lt; vm.dataUser.length; i++) { ...
jquery循环绑定事件有一个坑----总是绑定最后一个元素
budapest的专栏
08-04 4401
1. 先看一段用jquery循环绑定事件的代码，要求是对每个元素都作事件绑定。结果在绑定事件中只能得到最后一个值，如下代码片段1所示： var checkMutipleChoices=[{questionId:7547,maxNum:2},{questionId:7553,maxNum:3}]; for(var i=0;i<checkMutipleChoices.length;i++){
js中数组push对象，前面的值总是被最后一次的值覆盖的问题
xiaoye的博客
11-01 2万+
今天一同学问了我一个问题，说他js中定义了一个数组，每次往里面push对象，结果最后一次push的对象会覆盖之前push进去的值，问我怎么解决。如果你也遇到了相同的问题，请继续看下去---------------------------------------下面是代码模拟：var data = { a:'123', b: '456', c: '789'}; var dataObj = {};//...
前端实现js获取数组最后一个元素
WanFengZhou
04-01 7730
我就介绍两种我常用的js获取数组最后一个元素 （1）index取值 Arr[Arr.length - 1] （2）pop方法 Arr.pop()
关于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...
jq循环添加事件获取当前事件是第几个
最新发布
12-18
在JavaScript中，特别是使用jQuery库的情况下，如果你想要在一个循环中给每个元素添加事件并获取当前处理的是第几个事件，你可以这样做： ```javascript $(function() { var elements = $('#your-elements-...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值