【利用闭包解决for循环里onclick事件不能捕捉实时i值问题】的更多相关文章

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

问题描述 我们都知道,如果我们对于一组元素(相同的标签)同时进行onclick事件处理的时候(在需要获取到索引的时候),一般是写一个for循环,但是onclick是一个异步调用的,所以会带来一个问题,当我们触发这个事件的时候,我们能获取的i值是for完整执行完后i的值,而不能获取到代码顺序里i的值,看一个例子 window.onload = funtion(){ var lis = document.getElementsByTagName('li'); for( var i = 0; i <…

百度地图API详解之事件机制，function“闭包”解决for循环和监听器冲突的问题：

原文:百度地图API详解之事件机制,function"闭包"解决for循环和监听器冲突的问题: 百度地图API详解之事件机制 2011年07月26日 星期二 下午 04:06 和DOM编程里的事件模型一样,百度地图API也提供了类似的事件机制.本文介绍了事件监听的添加和移除方法,this指针和事件参数的使用以及绑定事件监听函数中涉及的闭包问题,最后分享了一个用来增强地图API事件机制的开源项目. 事件添加和移除 我们最简单的事件开始,下面的代码示例给map对象添加了click事件的监听…

js循环里进行回调，引用循环里的变量，发现只是最后值的问题

做项目的时候,栽在一个小地方,是这样的 我有很多个坐标点,我想把这些坐标点都绑定一个事件,当点击了这个坐标点之后,发送一个ajax 请求,将坐标点的id 发出去,等待显示返回的数据 但是实际当中,无论我点击了哪个点,都发现发送的ajax 请求都是最后一个点的id值上, 仔细一想,确实是这么回事,因为点击这个事情是异步,当执行ajax的时候,遍历早已结束,所以返回最后一点是正常的. 问题变成了,怎样让回调函数读取到每次的临时变量,也就是个闭包的问题 平时对闭包不是太清楚,所以顺便复习一下了, 参考…

js闭包解决多个点击事件

<script> var severalObj=window.document.getElementsByName("button"); for(var i=0;i<several.length.i++){ severalObj[i].onclick(){ alert(i); } } </script> 通常我们在前端中要为若干个节点添加相同的事件,为了减少代码量便想出使用上面的代码对这些节点进行循环绑定事件.然而事情并未像之前预想到的那样,实验后会发现无…

用闭包解决 js 循环中函数变量暂存问题

需求:有一个数组,根据数组的值渲染对应的数字div,单击对应的div 在控制台打印对应的数字.如点击1,控制台打印1. 问题: 不管点击哪个值 打出来都是4 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>testFor</title> </head> <body> &l…

解决for循环里获取到的索引是最后一个的问题

方法一 原理: 利用 setTimeout 函数的第三个参数,会作为回调函数的第一个参数传入 利用 bind 函数部分执行的特性 代码 1: for (var i = 0; i < 10; i++) { setTimeout(i => { console.log(i); }, 1000, i) } 代码 2: for (var i = 0; i < 10; i++) { setTimeout(console.log, 1000, i) } 代码 3: for (var i = 0; i…

解决IE6下a标签的onclick事件里的超链接不跳转问题

今天遇到个很诡异的问题,就是<a href="javascript:void(0);" onclick="window.location=url"></a>在IE6下面没反应,不跳转到onclik事件中的“window.location”. 后来在网上查,需要阻止a标签的默认事件.还有一点,a标签里必须要写:href="javascript:void(0);". 阻止默认事件: js: 在onclick事件里,window…

JS里的onclick事件

可以通过以下代码了解JS里的onclick事件: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style>…

解决iscroll5在手机页面上onclick事件失效

Iscroll.js使用之后页面上面A标签的onclick事件无效了   解决办法 实例化IScroll的时候把preventDefault设为false,默认为true var myScroll; function loaded () { myScroll = new IScroll('#wrapper', { //preventDefault为false这行就是解决onclick失效问题 //为true就是阻止事件冒泡,所以onclick没用 preventDefault:false, sc…

javascript 的button onclick事件不起作用的解决方法

在项目中遇到个问题:servlet向前端返回如下按钮,当course_ID为数字是onclick事件正常,但当course_ID含有字母时onclick事件就不起作用.网上找了很多方法都不管用,最后自己摸索到了一个方法,解决了问题. [权记于此] 有问题者: out.print("<td><input type='button' id='tb_delete_course_btn"          + index          + "' value='删…