当输入元素被聚焦时,如何禁用YAHOO.util.KeyListener?

时间:2008-09-30 22:46:56

标签: javascript keyboard yui shortcuts keylistener

我有一个带有YUI's MenuBar小部件的MenuBar设置,我有一个YAHOO.util.KeyListener附加到文档,以便快速键盘访问菜单和子菜单项(例如's'打开设置菜单)。问题是当用户在输入元素中时, keylistener 仍将触发。例如,用户可能在文本字段中键入 soup ,而's'字符将导致设置菜单弹出。

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

1 个答案:

答案 0 :(得分:0)

我赞扬您尝试提供键盘快捷键,但请注意,实现跨平台将会有点痛苦。如果可行,我强烈建议您在<a>代码上使用access keys

如果你还在,我猜accesskey对你不起作用。我假设您已阅读the relevant YUI tutorial

如果blurfocus确实是正确的方法,我会使用类似

的内容
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);
}