听众不适用于文本字段
Listeners are not working for textfield
我正在使用 ExtJS 6,在项目中我正在使用 textfield
,但我的监听器不工作。我做错了什么吗?谁能帮帮我。
我的代码示例。
Ext.create('Ext.form.Panel', {
title: 'Contact Info',
width: 300,
bodyPadding: 10,
renderTo: Ext.getBody(),
items: [{
xtype: 'textfield',
name: 'name',
fieldLabel: 'Name',
allowBlank: false,
listeners: {
keypress : function() {
alert("Name")
}
}
}, {
xtype: 'textfield',
name: 'email',
fieldLabel: 'Email Address',
vtype: 'email',
listeners: {
keypress : function() {
alert("Email")
}
}
}]
});
出于性能原因,keypress
、keydown
、keyup
事件默认禁用,必须使用 enableKeyEvents:true
启用。
你的听众没有任何问题。您缺少的是 enableKeyEvents
。每当您使用按键事件时,您都需要设置 enableKeyEvents : true
。您可以签到Doc
我为你创建了一个 fiddle 你可以在这里检查它是否正常工作。 Fiddle
我正在使用 ExtJS 6,在项目中我正在使用 textfield
,但我的监听器不工作。我做错了什么吗?谁能帮帮我。
我的代码示例。
Ext.create('Ext.form.Panel', {
title: 'Contact Info',
width: 300,
bodyPadding: 10,
renderTo: Ext.getBody(),
items: [{
xtype: 'textfield',
name: 'name',
fieldLabel: 'Name',
allowBlank: false,
listeners: {
keypress : function() {
alert("Name")
}
}
}, {
xtype: 'textfield',
name: 'email',
fieldLabel: 'Email Address',
vtype: 'email',
listeners: {
keypress : function() {
alert("Email")
}
}
}]
});
出于性能原因,keypress
、keydown
、keyup
事件默认禁用,必须使用 enableKeyEvents:true
启用。
你的听众没有任何问题。您缺少的是 enableKeyEvents
。每当您使用按键事件时,您都需要设置 enableKeyEvents : true
。您可以签到Doc
我为你创建了一个 fiddle 你可以在这里检查它是否正常工作。 Fiddle