当字段处于焦点时，Mousetrap.bind 不起作用？答案

【问题标题】：Mousetrap.bind is not working when field is in focus?当字段处于焦点时，Mousetrap.bind 不起作用？
【发布时间】：2014-01-09 07:14:42
【问题描述】：

我正在使用 Mousetrap 创建键盘快捷键，当任何字段处于焦点时它不起作用。这是查看演示http://davidwalsh.name/keyboard-shortcuts 的链接，我从中获取代码。当我打电话时

Mousetrap.bind('ctrl+m', function () {
    var button = $('[data-action="next-page"]');
    if (button.length) {
        button[0].click()
    }
});

当鼠标指向文本框或下拉列表等时，它不起作用。任何人都可以为我提供解决方案。提前致谢。

【问题讨论】：

【解决方案1】：

默认情况下，当焦点位于输入字段、下拉列表等时，mousetrap 会禁用快捷方式。如果您的问题只有一个字段，请在其中包含 mousetrap 类。如果您想禁用所有方案，请尝试以下代码

Mousetrap.stopCallback = function () {
     return false;
}

这将覆盖初始行为并允许在屏幕的任何字段中使用快捷方式。

【讨论】：

【解决方案2】：

如果您使用输入或文本区域或选择元素，则必须定义捕鼠器类：

<textarea name="message" class="mousetrap"></textarea>

请参阅https://craig.is/killing/mice 官方文档中的“文本字段”部分

【讨论】：