码迷,mamicode.com
首页 > 其他好文 > 详细

高阶函数 - 惰性加载函数

时间:2017-07-11 17:55:50      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:tac   tor   select   ack   nbsp   att   html   selector   lan   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>高阶函数 - 惰性加载函数</title>
</head>
<body>
    <div style="width: 100px; height: 100px; background: #f60;" id="div1"></div>
    <script>
        /**
         * 根据作用域链内部会重写外部的addEvent变量(如果在1. 2.处, 在addEvent前加上var就不是惰性了)
         */
        var addEvent = function(ele, type, handler) {
            if (window.addEventListener) {    // 标准
                addEvent = function(ele, type, handler) {    // 1.
                    ele.addEventListener(type, handler, false);
                };
            } else if (window.attachEvent) {
                addEvent = function(ele, type, handler) {    // 2.
                    ele.attachEvent(on + type, handler);
                };
            };
            addEvent(ele, type, handler);
        };

        var div = document.querySelector(#div1);
        addEvent(div, click, function() {
            console.log(111);
        });

        addEvent(div, click, function() {
            console.log(222);
        })

    </script>
</body>
</html>

 

高阶函数 - 惰性加载函数

标签:tac   tor   select   ack   nbsp   att   html   selector   lan   

原文地址:http://www.cnblogs.com/sorrowx/p/7151385.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!