如何在ExtJS面板上监听keydown事件

Question

我想监听面板上的 keydown 事件，并相应地在面板内的 SVG 上执行相应的操作。但我不知道如何监听 ExtJS 面板上的 keydown 事件？ 有什么帮助吗？预先感谢。

Answer 1

在 Ext4 中，您可以在任何可编辑组件上添加 KeyMap，如下所示：

        var map = new Ext.util.KeyMap( Ext.getCmp('textfield').getEl(), [{
            key: [10,13],
            fn: function(ord, e){
                alert("Enter was pressed inside textfield");
            }
        }, {
            key: "abc",
            fn: function(){ alert('a, b or c was pressed'); }
        }
    ]);

如果你想在 div 上监听键盘事件，不要忘记设置一个可聚焦的元素：

autoEl: { tabindex: 0 }.

这是文本字段、空面板和窗口上的 KeyMap 示例：

文本字段、面板、窗口键映射示例

Answer 2

我认为这可能是您前进的道路http://www.sencha.com/forum/showthread.php?182956-4.1-KeyMap-for-processing-a-form