js循环绑定事件

最新推荐文章于 2022-05-08 20:13:34 发布

原创最新推荐文章于 2022-05-08 20:13:34 发布 · 308 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

48 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
    <a href="#">1</a>
    <a href="#">2</a>
    <a href="#">3</a>
    <a href="#">4</a>
    <script type="text/javascript">
       var ali = document.getElementsByTagName('a');
       for(var i=0;i<ali.length;i++){

           (function(){
                var p = i ;
                console.log(p);
                ali[i].onclick = function() {
                  alert(p+1);
                }
           })();

       }
    </script>
    </body>

</html>

ali[i].onclick = (function(m) {
                  return function(){
                  alert(m+1);
                  };
           })(i);