addEventListener写在方法内还是写在全局涉及到闭包的问题

最新推荐文章于 2024-04-12 18:07:25 发布

海涛高软

最新推荐文章于 2024-04-12 18:07:25 发布

阅读量431

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_15267341/article/details/116231653

版权

javascript 专栏收录该内容

79 篇文章 1 订阅

订阅专栏

本文探讨了如何在JavaScript中通过`addEventListener`为点击事件添加动态函数，并展示了如何通过`diaoyong`函数改变事件触发时的行为。通过实例说明了变量作用域和事件处理函数的调用顺序。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function fun(){
            
            console.log("wai ");
        }

        function diaoyong(vall){
            var a=vall;
            function shishi(){
                a++;
                console.log(a);
            }
            document.addEventListener("click",shishi)
        }
        document.addEventListener("click",fun);
        diaoyong(0);
        diaoyong(15);
    </script>
</body>
</html>

点击网页查看效果：