文档章节

Ext键盘处理

赤月三号
 赤月三号
发布于 2016/04/29 13:01
字数 371
阅读 31
收藏 0
Ext.onReady(function(){
    
    //6.13 Ext.KeyNav 为元素提供简单的按键处理方法
    //可绑定的按键 enter,left,right,up,down,tab,esc,pageUp,pageDown,home,end,del
    //1.Ext.KeyNav.disable()废弃原来键盘绑定
    //2.Ext.KeyNav.enbale()将废弃的重新生效
    var myKey = new Ext.Panel({
        title : 'keyNav键盘绑定对象示例',
        width : 320,
        renderTo : 'myKey',
        html : '<div style="padding:10px;"><div style="background-color:#3399ff" tabindex="1" id="div01">请点击我,然后按键盘enter键</div><div style="background-color:red" tabindex="2" id="div02">我是div02</div></div>'
    });
    var myKeyEl = Ext.get("div01");//获取元素
    var mnav = new Ext.util.KeyNav({
        target : myKeyEl,
        left : function(e){
            alert("你按下了左方向键");        
        },
        right : function(e){
            console.info("你按下了右方向键");    
        },
        enter : function(e){
            console.info("你按下了回车键");    
        },
        scope : this//范围
    });
    mnav.enable();
    
    
    
    //6.14 Ext.KeyMap 提供更灵活强大的对按键的处理方法
    //Ext.KeyMap.disable();废弃已绑定的keyMap
    //Ext.KeyMap.enable();废弃的配置重新生效
    //Ext.KeyMap.isEnabled() : Boolean 当前keymap配置是否有效
    
    //on(Number/Array/Object key,Function fn,[Object scope])
    //为调用对象快速地绑定key对象中指定的按键,触发后再scope上调用fn
    function myHandler(){
        console.info("div02-enter");
    }
    function myHandler1(){
        console.info("arnt");
    }
    /*
    var map1 = new Ext.KeyMap({
        target : Ext.get("div02"),
        key : 13,//enter键
        fn : myHandler,
        scope : this
    });
    
    var map2 = new Ext.KeyMap({
        target : Ext.get("div02"),
        key:"a\r\n\t",
        fn : myHandler1,
        scope : this
    });
    */
    var map = new Ext.util.KeyMap({
        target: Ext.get("div02"),
        binding: [{
            key: [10,13],
            fn: function(){ alert("回车键按下"); }
        }, {
            key: "abc",
            fn: function(){ alert('a, b 或者 c 按下'); }
        }, {
            key: "\t",
            ctrl:true,
            shift:true,
            fn: function(){ alert('Control + shift + tab 按下'); }
        }]
    });
    //map1.enable();
    //map2.enable();
    //给对象添加键盘绑定
    map.addBinding({
        key : 'def',
        shift : true,
        fn : function(){
            console.info("shift+d/e/f");
        },
        scope : this
    });
    
    
});


© 著作权归作者所有

共有 人打赏支持
赤月三号
粉丝 18
博文 117
码字总数 60860
作品 0
昌平
前端工程师
Android-x86

Android x86 即运行于 x86 PC上的Android操作系统,目前已经支持大部分安卓程序。 Android X86平台是由Beyounn和Cwhuang主持设计的。项目的主要目的在于为X86平台提供一套完整的Android 系统...

匿名
2009/12/06
63.9K
2
Android NumberPickerDialog

参考1:http://grepcode.com/file/repository.grepcode.com/java/ext/com.google.android/android-apps/2.0r1/com/android/mms/ui/NumberPickerDialog.java?av=h 参考2:http://blog.csdn.ne......

当空皓月
2015/04/15
0
0
Parsix GNU/Linux 3.0 发布

Parsix GNU/Linux是一份基于KANOTIX和Debian的自启动运行光盘。它采用GNOME做为缺省桌面环境。Parsix GNU/Linux支持波斯语键盘,用户可以使用Alt+Ctrl或Ctrl+Shift组合键来切换波斯语。我们还...

红薯
2009/10/15
173
0
微核心操作系统--FreeNOS

FreeNOS 是一个主要为学习目的提供的微核心操作系统,该系统目前是体验性的,但支持虚拟内存,简单的任务调度,进程间通信( IPC ) 。目前,它包含支持少数设备,其中包括VGA ,键盘, i825...

匿名
2009/07/11
3.1K
0
[嵌入式开发板]iTOP-4412开发板linux 系统存储空间的修改

本文转自:http://www.topeetboard.com 平台:iTOP-4412开发板 这里我们以修改成 1G 存储空间为例来讲解修改方法, 如果需要改 成其他大小的存储空间,参照此方法修改即可。 首先连接好 iTOP...

歌之王子殿下
2016/02/29
105
0

没有更多内容

加载失败,请刷新页面

加载更多

学习设计模式——命令模式

参考博客 1. 认识命令模式 1. 定义:将一个请求封装成为一个对象,从而可以用不同的请求对客户进行参数化,对请求排队或记录请求日志,并支持可撤销操作。 2. 组织结构: Commond:定义命令的...

江左煤郎
15分钟前
0
0
字典树收集(非线程安全,后续做线程安全改进)

将500W个单词放进一个数据结构进行存储,然后进行快速比对,判断一个单词是不是这个500W单词之中的;来了一个单词前缀,给出500w个单词中有多少个单词是该前缀. 1、这个需求首先需要设计好数据结...

算法之名
昨天
6
0
GRASP设计模式

此文参考了这篇博客,建议读者阅读原文。 面向对象(Object-Oriented,OO)是当下软件开发的主流方法。在OO分析与设计中,我们首先从问题领域中抽象出领域模型,在领域模型中以适当的粒度归纳...

克虏伯
昨天
0
0
Coding and Paper Letter(四十)

资源整理。 1 Coding: 1.Tomislav Hengl撰写的非官方作者指南:Michael Gould•Wouter Gerritsma。 UnofficialGuide4Authors 2.R语言包rwrfhydro,社区贡献的工具箱,用于管理,分析和可视化...

胖胖雕
昨天
0
0
JAVA 内存回收

参考:https://www.cnblogs.com/leesf456/p/5218594.html 1,JMV 中哪些可以作为 GC Root? 1. 虚拟机栈(栈帧中的局部变量区,也叫做局部变量表)中引用的对象。 2. 方法区中的类静态属性引...

Carlyle_Lee
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部