首页 > web前端 > js教程 > js给按钮循环设置匿名函数的问题

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

小云云
发布: 2017-12-06 15:09:48
原创
1564 人浏览过

本想给按钮循环设置监听事件,可是出现了只有最后一个按钮有反应,或者直接报错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给按钮循环设置匿名函数的问题 的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板