您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

js给按钮循环设置匿名函数的问题

2024/10/13 18:42:28发布29次查看
本想给按钮循环设置监听事件,可是出现了只有最后一个按钮有反应,或者直接报错undefined。这里是原先错误的写法,给按钮num_jia的onclick设置匿名函数,匿名函数中的i会使用for循环结束时的i,为3,所以会报undefined错。
function a(){
for(var i=0;i<3;i++) { 
       num_jia[i] = document.getelementsbyclassname('num-jia')[i];
        num_jia[i].onclick = function () {
            alert(num_jia[i])
        }
}
}
上网查了一下,要想让匿名函数记住各自的i,只需要使用合适的闭包(可以访问独立数据的函数),以下是改进,关于闭包的具体知识还请自行学习。
function a(){
for(var i=0;i<3;i++) {
       num_jia[i] = document.getelementsbyclassname('num-jia')[i];
       ;(function (i2) {
            num_jia[i2].onclick = function () {
               alert(num_jia[i2])
            }
        })(i);
}
}
我后来研究发现其实还有一种有名函数的完整写法,其达到的效果是一样的,还通俗易懂。
function a(){
for (var i=0;i<3;i++) {
       num_jia[i] = document.getelementsbyclassname('num-jia')[i];
dothings(i);
}
}
functiondothings(i){
num_jia[i2].onclick= function () {
               alert(num_jia[i2])
}
}
 以上内容就是js给按钮循环设置匿名函数的问题 ,希望能帮助到大家。
相关推荐:
js按钮颜色切换效果的实现实例
js按钮添加背景音乐的实现代码
js按钮闪烁功能是如何实现的?
以上就是js给按钮循环设置匿名函数的问题 的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product