addEventListener中this指向问题

addEventListener绑定事件的时候,事件回调函数里的this应该是指向产生事件的DOM元素,但是可以通过函数绑定修改this指向,特意写了个bind函数,但是不知道为什么不起作用?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    hello
</body>
<script type="text/javascript">
    (function(){
        Function.prototype.bind = function() {
        var fn = this, args = Array.prototype.slice.call(arguments), obj = args.shift();
        return function() {
            return fn.apply(obj, args.concat(Array.prototype.slice.call(arguments)));
        };
    };  
    function A() {} 
    A.prototype = {
        addAnimations: function() {
            // console.log("addAnimations");
        },
        animationsHandler: function(e){
            this.out();
        },
        out: function(){
            console.log(1);
        },
        init: function() {
            console.log(this);
            var handler = this.animationsHandler.bind(this);
            document.body.addEventListener('click', this.animationsHandler, false);
            this.addAnimations();
        }
    };
    new A().init();
    })();
    </script>
</html>
阅读 9.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏