您的位置:首页 > Web前端 > JavaScript

ExtJS 键盘事件监听

2015-03-25 16:38 417 查看

ExtJS 键盘事件监听

最近在做一个Web系统,整套系统的模块都已经确定了,但唯独登陆窗口没有实现最基本的功能——点击回车登陆。每次登陆都需要输入账号->移动鼠标->输入密码->移动鼠标->点击“登陆”按键,甚烦人。

于是研究了一下Ext JS前台键盘事件捕捉,在网上找了文章,本着拿来主义,把别人的代码直接复制粘贴一下,发现根本不起作用。后来决心自己研究一番。

/**
* 这段代码来自
* http://blog.csdn.net/middlekingt/article/details/8242079 */
Ext.get('text').on('keypress',function(e){
//监听键盘事件
if(e.charCode==Ext.EventObject.ENTER){
Ext.Msg.alert('info','回车');
}
});


别人的代码之所以不能用,那是因为在我使用的这个版本(5.0.0)的Ext JS里面,window和form根本就没有键盘事件监听,只能去监听textfield的键盘事件,如上面一段代码那样。

但是这里还是有一个问题,回车键在5.0.0版本中并不是e.charCode==Ext.EventObject.ENTER,应该如下表示:

e.getKey() === Ext.event.Event.ENTER
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  事件 JavaScript Ext-JS