javascript - 当输入元素获得焦点时，如何禁用 YAHOO.util.KeyListener？

Question

我有一个菜单栏设置 YUI's MenuBar小部件，并且我在文档上附加了一个 YAHOO.util.KeyListener 来快速通过键盘访问菜单和子菜单项(例如，使用 's' 打开设置菜单)。问题是当用户位于输入元素中时，keylistener 仍然会触发。例如，用户可能在文本字段中输入“soup”，“s”字符将导致“设置”菜单弹出。

一种解决方案是当焦点位于输入元素上时禁用keylistener，并在模糊时启用它。我该怎么做呢？有更好的解决办法吗？

Answer 1

我赞扬您尝试提供键盘快捷键，但请注意，这对于实现跨平台来说会有点痛苦。如果可行，我强烈建议在 <a> 标签上使用 access keys。

如果您仍然继续，我想 accesskey 对您不起作用。我假设您已经阅读了 the relevant YUI tutorial 。

如果 blur 和 focus 确实是正确的方法，我会使用类似的东西

YAHOO.util.Event.onDOMReady(init);
function init() {
    // set up the keyboard listeners

    setUpExceptionsToKeyboardShortcuts();
}

function disableShortcuts() {
    // Do what you've got to do
}

function enableShortcuts() {
    // Do what you've got to do
}

function setUpExceptionsToKeyboardShortcuts() {
    var focusable = document.getElementsByTagName('input');
    focusable = focusable.concat(document.getElementsByTagName('select'));
    focusable = focusable.concat(document.getElementsByTagName('textarea'));
    YAHOO.util.Event.addListener(focusable, 'focus', disableShortcuts);
    YAHOO.util.Event.addListener(focusable, 'blur', ensableShortcuts);
}