Google Closure：在容器上设置事件监听器

Question

我有一个容器，可以在顶部说一个导航栏。 我试图从其他模块将侦听器附加到整个容器。 例如，下面的代码创建了整个工具栏。

 goog.provide('view.ToolBar');

    goog.require('components.ui.Button');
    goog.require('core.TemplatedComponent');
    .
    .
    goog.require('view.KeyboardNavigation');

    /**
     * @param {goog.dom.DomHelper=} opt_domHelper Optional DOM helper.
     * @constructor
     * @extends {core.TemplatedComponent}
     */
    view.ToolBar = function(opt_domHelper) {
      // base constructor
      goog.base(this, opt_domHelper);

    };
    goog.inherits(view.ToolBar, core.TemplatedComponent);

    view.ToolBar.prototype.enterDocument = function() {
         new view.KeyboardNavigation(this);
         ../more code and more functions but irrevelant for my question
    }

如您所见，我希望另一个称为键盘导航的模块侦听工具栏上可能发生的任何按键事件。 我将组件传递给keyboardNavigator模块，然后将侦听器附加到该组件，但它无法正常工作。 我是Google封锁的新手，不知道自己在做什么错。 该键盘导航模块代码是我下面尝试的

goog.provide('view.KeyboardNavigation');

/**
 * @constructor
 * @extends {goog.events.EventHandler}
 */
view.KeyboardNavigation = function(component){
    this.componentContainer = component;
}
goog.inherits(view.KeyboardNavigation, goog.events.EventHandler);

view.KeyboardNavigation.prototype.componentContainer = null;

view.KeyboardNavigation.prototype.enterDocument = function(){
    console.log("1");
    this.listen(this.componentContainer.getElement(),goog.events.EventType.CLICK, goog.bind(this.handleKeyEvent, this), false);
}

view.KeyboardNavigation.prototype.handleKeyEvent = function(event){
    console.log("2");
}

Answer 1

乍看之下有几个问题。一个，我想您可能想要goog.events.EventTarget而不是goog.events.EventHandler （这是一个非常有用的类，但通常用作成员而不是子类EventTarget是您可能正在考虑的更传统的实现）。 第二，您不要在构造函数中调用super （或goog.base ）。