ExtJS监听键盘事件：回车键实现登录功能

ExtJS为我们封装了完整的键盘监听事件，我们只要调用相应的接口就能完美的实现键盘监听。在所有的键盘事件中，按回车键提交表单，实现登录的功能是我们最常用到的键盘监听事件，下面李坏给出一个实现回车键提交表单的案例，希望能给ExtJS的新手朋友们提供帮助。
首先，我们定义一个表单，代码如下：

Ext.define('Demo.view.Viewport', {extend: 'Ext.container.Viewport',items:[{xtype: 'form',title: 'ExtJS监听键盘事件',width: 500,height: 400,margin: '100 0 0 200',defaults:{xtype: 'textfield',width: 300,labelWidth: 120,margin: '20 0 0 30'},items:[{fieldLabel: '用户名',name: 'username'},{fieldLabel: '密  码',name: 'password',inputType: 'password',//改配置项必须设置为true，默认falseenableKeyEvents: true}],bbar:[{text: '登录',action: 'login'},{text: '重置',action: 'reset'}]}]
});

然后，对密码框设置监听事件，代码：

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，然后做具体操作。

文章来源：ExtJS学习

转载于:https://www.cnblogs.com/itleeblog/p/3274622.html

ExtJS监听键盘事件：回车键实现登录功能相关推荐

Electron中通过globalShortcut实现监听键盘事件进而实现快捷键功能
场景用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/a ...
html键盘事件监听,react怎样监听键盘事件
react监听键盘事件的方法:React中有监听键盘按下事件onKeyUp或者onKeyDown属性(以下用onKeyUp),值为自定义方法keyUp,即onKeyUp={this.keyUp}. 通 ...
[vue] vue如何监听键盘事件？
[vue] vue如何监听键盘事件? 那要看你怎么监听了, 比如 @keyup.enter, 或者直接全局监听个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家 ...
javascript监听键盘事件 - 如表单enter回车提交
javascript监听键盘点击时间,比如:enter回车表单提交.禁止F5刷新.禁用鼠标右键等等本文仅简单做个介绍,权当抛砖引玉了:如果朋友们有更好的建议或者意见,欢迎留言评论. 代码如下: &l ...
Vue中监听键盘事件
Vue中监听键盘事件在一些搜索框中,我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作.在原生js或者jQuery中,我们需要判断e.keyCode的值来获取 ...
java键盘监听事件代码_JavaScript监听键盘事件代码实现
在写网页的时候,常常需要监听键盘事件,让我们来看看如何实现吧. 监听方式键盘事件往往是全局监听,设监听的函数为keyboard(). keyup事件类型.该类型触发条件为按键按下去并松开. //长按 ...
如何在Revit中监听键盘事件
欢迎加入BIM行业开发交流1群群号:711844216(满),二群群号:1016453207 背景小伙伴们在做revit二次开发的时候,可能会需要在自己做的插件运行时,去监听某个按键然后做出相应的 ...
Vue中监听键盘事件及自定义键盘事件
在一些搜索框中,我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作.在原生js或者jQuery中,我们需要判断e.keyCode的值来获取用户所按的键.这样就存 ...
jquery实现上下左右键盘监听_jQuery监听键盘事件及相关操作使用
一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress() k ...

ExtJS监听键盘事件：回车键实现登录功能

ExtJS监听键盘事件：回车键实现登录功能相关推荐

最新文章

热门文章