ExtJs键盘事件处理

最新推荐文章于 2020-04-15 14:13:17 发布

错失的背影

最新推荐文章于 2020-04-15 14:13:17 发布

阅读量725

点赞数

分类专栏： extjs

extjs 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了如何在ExtJS中处理键盘事件，包括直接在组件属性中注册事件和使用Ext.KeyMap的方式。文中提供了具体的配置参数说明及示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载之处：http://hi.baidu.com/honestt/item/4342c11e669d5c49e75e067d

ExtJs键盘事件处理

ExtJS中处理键盘事件很简单，在配置属性中加一个keys:object即可，
object结构如下:
key String/Array 进行处理的单个keycode或keycodes组成的数组
shift Boolean True：只有shift按下的的同时处理key （默认false）
ctrl Boolean True：只有ctrl按下的的同时处理key （默认false）
handler Function 当KeyMap找到预期的组合键时所执行的函数
alt Boolean True：只有alt按下的的同时处理key （默认false）
fn Function 当组合键按下后回调函数
scope Object 回调函数的作用域

例如
keys:[ { key: [10,13], fn:surely } ]即当接受code value为10,13的键时触发
注：key:[10,13]或者key:'abc'均表示任何一个触发即触发,因此组合键形式如

key: 'abc',

shift: true,

fn: handleKey



可以不作为组件的属性注册键盘处理事件，使用Ext.KeyMap即可,形式如下：

var map = new Ext.KeyMap("hello", [

{

key: [10,13],

fn: function(){ alert("Return was pressed"); }

}, {

key: "abc",

fn: function(){ alert('a, b or c was pressed'); }

}, {

key: "\t",

ctrl:true,

shift:true,

fn: function(){ alert('Control + shift + tab was pressed.'); }

}

]);

此事件是监听发生在id为hello的组件或者dom上