javascript - 如何检查是否在文本区域上按下了 Shift+Enter

Question

如果按下 Enter 我想提交表单，如果按下 Shift + Enter 则停止事件。此回调具有 Ext.EventObject 参数，该参数不提供任何方法来检查是否按下了 shiftkey。

它有两个方法.hasModifier 和.isSpecialKey。两者都返回 boolean。无法查找是否按下了 shiftkey。我如何追踪它？

这是我的文本区域组件:

{
    region : 'center',
    margins : '5 0 0 0',
    xtype : 'textarea',
    name : 'chatmessage',
    enableKeyEvents: true,
    listeners: {
        keydown: function(textfield, evt, eOpts){
            console.log(evt.getKey());
        }
    }
}

我尝试了 evt.shiftKey。它是未定义的。

Answer 1

这可以通过使用 keydown 和 keyup 事件标志的小技巧来完成。

listeners : {
    keydown : function(tf, e, opt) {
        if (e.getKey() == e.SHIFT) {
            this.shiftKeyPressed = true; // a flag
            return;
        }
        if (e.getKey() != e.ENTER && (this.shiftKeyPressed == undefined || (this.shiftKeyPressed == false))) {
            // Submit form
            e.stopEvent();
        }
    },
    keyup : function(tf, e, eOpts) {
        if (e.getKey() == e.SHIFT) {
            this.shiftKeyPressed = false;
        }
    }
}