为什么我的关键事件不起作用

Question

为什么我的关键事件在以下示例中不起作用？ 'blur' 事件有效，但我的文本字段上没有任何关键事件有效（我也尝试过 'keydown'）。

我也尝试在控制器上使用“控制”结构，但这也不起作用。

Ext.define('Plus.view.MyController', {
    extend: 'Ext.app.ViewController',

    alias: 'controller.mycontroller',
    control: {
        '#mytextfield': {
            blur: function() {
                alert("oink")
            },
            keypress: function() {
                alert("moo")
            },
            keyup: function() {
                alert("quack")
            }
        }
    }
});

Ext.define('Plus.view.MainView', {
    extend: 'Ext.container.Container',

    items: [{
        xtype: 'textfield',
        id: 'mytextfield',
        controller: 'mycontroller',
        listeners: {
            blur: function() {
                alert("oink 2")
            },
            keypress : function() {
                alert("moo 2")
            },
            keyup : function() {
                alert("quack 2")
            }
        }
    }]
});

Ext.application({
    name: 'Plus',
    autoCreateViewport: 'MainView',
    launch: function() {

    }
});

我的小提琴在这里：

https://fiddle.sencha.com/#fiddle/1d5d

我是否遗漏了一些明显的东西？

Answer 1

keypress 和 keyup 这些事件仅在 enableKeyEvents 设置为 true 时触发。 设置这个，你的代码就可以工作了。我在代码工作的地方为你创建了一个提琴手。 Fiddle