我是否不正确地订阅了 YUI 菜单事件？

Question

我已阅读并遵循YUI 的教程订阅菜单事件。 我还查看了菜单、菜单栏和自定义事件的 API 和代码位，但以下拒绝在

// oMenuBar is a MenuBar instance with submenus
var buyMenu = oMenuBar.getSubmenus()[1];

// this works
buyMenu.subscribe('show', onShow, {foo: 'bar'}, false);

// using the subscribe method doesn't work
buyMenu.subscribe('mouseOver', onMouseOver, {foo: 'bar'}, false);

// manually attaching a listener doesn't work
YAHOO.util.Event.addListener(buyMenu, 'mouseOver', onMouseOver);

// http://developer.yahoo.com/yui/docs/YAHOO.widget.Menu.html#event_keyPressEvent        
// there is a keyPress Event, but no spelling of it will trigger the handler
buyMenu.subscribe('keypress', onShow, {foo: 'bar'}, false);
buyMenu.subscribe('keypressed', onShow, {foo: 'bar'}, false);
buyMenu.subscribe('keyPressed', onShow, {foo: 'bar'}, false);
buyMenu.subscribe('keyPress', onShow, {foo: 'bar'}, false);

功能上工作，我尝试为菜单栏的每个子菜单附加一个按键侦听器。 我不想添加 Bubbling 库作为依赖项。

Answer 1

这里是 Todd Kloots，YUI 菜单小部件的作者。 当您订阅基于 DOM 的事件时，事件名称全部小写。 因此，对于“mouseover”事件，请按如下方式订阅：

buyMenu.subscribe('mouseover', onMouseOver, {foo: 'bar'}, false);

关于您的按键事件处理程序：您订阅正确。 但是，请记住，任何与键相关的事件处理程序仅在菜单具有焦点时才会触发。 因此，在测试与按键相关的事件处理程序之前，请确保您的菜单具有焦点。 另外 - 我建议监听“keydown”事件而不是“keypress”，因为并非所有按键都会导致 IE 中的“keypress”事件触发。

如果您有任何其他问题，请直接访问 ydn-javascript Y! 分组，因为我经常监视该组上的消息。

我希望这有帮助。

• 托德

Answer 2

根据我的测试，以下内容将起作用：

oMenu.subscribe('keypress', function () { alert("I'm your friendly neighborhood keypress listener.")});

但仅当 Menu 接收 keypress 事件时才会触发，因此它需要已经获得焦点。

Answer 3

onShow 是否指向一个函数？

例如。

var onShow = function()
{
    alert("Click!");
}