extjs - Sencha touch 2 event listener on text change for an input type=text html field

Question

我有一个看法。我正在尝试onchange为输入字段附加一个侦听器。我知道如何使用文本字段来做到这一点，但我有一个非常具体的设置，我需要使用 html 字段。我怎样才能让下面的监听器工作，所以如果我更改字段中的文本，我会在我的控制台中得到一些输出。

Ext.define('A.view.Viewa', {
    xtype: 'Viewa',

    extend: 'Ext.Panel',

    config: {
        title: 'Title',
        layout: {
            type: 'fit'
        },

        items: [

            {
                styleHtmlContent: true,
                scrollable: true,
                items: [

                ],
                html: [
                    "<input type='text' value='changeme' id='changetext'/>"
                ].join("")
            }
        ],

        listeners  :  {
                       change : {
                            fn: function() {
                                console.log("Yes it works!!");

                            },
                            delegate : '#changetext',
                            element : 'element'
                       }              
        } 
    }
});

Answer 1

我和你的change听众一起试过了，但这不起作用。keyup听众似乎工作正常。

Ext.define('A.view.Viewa', {
    extend: 'Ext.Panel',
    xtype: 'Viewa',

    config: {
        html: '<input type="text" value="changeme" id="changetext"/>',
        styleHtmlContent: true,
        scrollable: true,
        layout: {
            type: 'fit'
        },
        listeners: {
            keyup: {
                fn: function() {
                    console.log("Yes it works!!");
                },
                delegate: '#changetext',
                element: 'element'
            }
        },
        items: [
            {
                xtype: 'titlebar',
                docked: 'top',
                title: 'Title'
            }
        ]
    }

});