美文网首页
闭包多个按钮点击小例子

闭包多个按钮点击小例子

作者: 终极菜鸟_424b | 来源:发表于2019-03-01 17:55 被阅读0次

    <!DOCTYPE html>

    <html lang="en">

    <head>

        <meta charset="UTF-8">

        <title>用闭包来解决的问题:利用函数垫了一层作用域</title>

    </head>

    <body>

        <input type="button" value="按钮1">

        <input type="button" value="按钮2">

        <input type="button" value="按钮3">

    </body>

    <script>    window.onload=function(){

            var aBtn=document.getElementsByTagName('input');

            for(var i=0;i<aBtn.length;i++){

                (function(i){

                    aBtn[i].onclick=function(){

                        alert(i);//0 1 2

                    };

                })(i);

            }

        }

    </script>

    </html>

    相关文章

      网友评论

          本文标题:闭包多个按钮点击小例子

          本文链接:https://www.haomeiwen.com/subject/agkjuqtx.html