将特定上下文绑定到事件处理程序

时间:2013-04-09 17:56:39

标签: javascript

我正在学习JavaScript并阅读Ninja Secrets的书籍,这就是他将点击事件绑定到按钮的方法。因此,我只是一个初学者并且学习我想要做的是最好和最终的方式(将按钮处理器添加到按钮)或者他刚用这个作为示例来演示闭包,这不是真实的世界已经完成。

  <body>
    <button id="test">Click Me!</button>

    <script>
      function bind(context,name){                                 //#1
        return function(){                                         //#1
          return context[name].apply(context,arguments);           //#1
        };                                                         //#1
      }                                                            //#1

      var button = {
        clicked: false,
        click: function(){
          this.clicked = true;
          assert(button.clicked,"The button has been clicked");
          console.log(this);
        }
      };

      var elem = document.getElementById("test");
      elem.addEventListener("click",bind(button,"click"),false);     //#2

    </script>

  </body>

1 个答案:

答案 0 :(得分:2)

他主要解释这是如何用于教育目的的。在现代ECMAScript 5中,有一个原生Function.bind (docs here)所以你可以这样做:

elem.addEventListener("click", button.click.bind(button), false);