首先,我们定义一个表单,代码如下:
代码如下 | 复制代码 |
Ext.define('Demo.view.Viewport', { |
然后,对密码框设置监听事件,代码:
代码如下 | 复制代码 |
Ext.define('Demo.controller.Controller', { extend: 'Ext.app.Controller', init:function(){ this.control({ 'viewport > form textfield[name=password]':{ keypress: this.userLogin } }) }, userLogin:function(b,e,eOpts){ //e.getKey()是获取按键的号码,13代表是回车键 if(e.getKey() == 13){ Ext.Msg.alert('提示','您已经按下了回车键,可以在这里提交表单做登录操作了... ...') } } }); |
输入密码,按下回车键,会弹出提示信息:
ExtJS键盘事件详解:
1.首先要将需要监听的输入框设置为允许使用键盘事件(enableKeyEvents: true),否则键盘事件不可用;
2.使用getKey()方法判断按键是否为自己设置的按键,具体按键号码可参照ExtJS给出的api,然后做具体操作