代码之家 › 专栏 › 技术社区 › Hemant

如何将onkeyup事件用于文本字段?

extjs3 extjs

-2

Hemant · 技术社区 · 7 年前

我想使用文本字段的onkeyup事件,这样我们可以在输入文本时计算该字符。

2 回复 | 直到 6 年前

1

2

Saurabh Nemade 7 年前

enableKeyEvents: true

要使关键事件起作用,需要显式指定它。

工作POC代码:

Ext.onReady(function () {
    Ext.create({
        xtype: 'panel',
        renderTo: Ext.getBody(),
        items: [{
            xtype: 'form',
            height: 100,
            items: [{
                xtype: 'textfield',
                fieldLabel: 'field label',
                value: '1',
                enableKeyEvents: true,
                listeners: {
                    keyup: function() {
                        console.log("key Up called");
                    },
                    change: function() {
                        console.log('changed');
                    }
                }
            }]
        }]
    })
});

工作小提琴: https://fiddle.sencha.com/#view/editor&fiddle/2cbd

2

1

AswathyPrasad 7 年前

你就快到了。在文档中 field key events ,编写了仅当enableKeyEvents设置为true时才会触发关键事件。

           {
                xtype: 'textfield',
                fieldLabel: 'Address',
                width: '100%',                    
                enableKeyEvents : true,
                listeners: { 
                    keyup : function(obj) { 
                     alert('test fire ' + obj.getValue()); 
                     } 
                   }
            },