Web前端_for循环绑定事件i丢失问题

最新推荐文章于 2022-05-25 21:38:32 发布

黑狗向前跑

最新推荐文章于 2022-05-25 21:38:32 发布

阅读量151

点赞数

分类专栏： Web前端文章标签： javascript html css

本文链接：https://blog.csdn.net/weixin_42137574/article/details/120154027

版权

Web前端专栏收录该内容

19 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>for循环绑定事件i丢失问题</title>
</head>
<body>
    <ul>
        <li>111</li>
        <li>222</li>
        <li>333</li>
        <li>444</li>
        <li>555</li>
    </ul>
    <script type="text/javascript">
        var lis = document.getElementsByTagName('li');
        //for循环绑定事件 i丢失问题 解决办法 在for循环里 套一层匿名函数 让局部变量 不受外部影响
        for (var i = 0; i < lis.length; i++) {
            (function (i) { //这个括号里 是形参
                lis[i].onclick = function(){
                    console.log(i); //依次点击输出 0 1 2 3 4
                }
            })(i) //这个括号里 是实参
        }
    </script>
</body>
</html>

在这里插入图片描述

黑狗向前跑

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web前端_for循环绑定事件i丢失问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>for循环绑定事件i丢失问题</title></head><body> <ul> <li>111</li> <li>222</li> &lt
复制链接

扫一扫