文档章节

Ext键盘处理

赤月三号
 赤月三号
发布于 2016/04/29 13:01
字数 371
阅读 33
收藏 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
    });
    
    
});


© 著作权归作者所有

赤月三号
粉丝 19
博文 136
码字总数 69753
作品 0
昌平
前端工程师
私信 提问
Java处理图片

图片上传到服务器后,会根据情况将图片缩小成一个图标,我们可以利用java强大的图形处理功能,对上传的图片进行缩放处理. 下面的程序使用jdk1.4中最新的ImageIO对图片进行读写.使用AffineTrans...

johnnyhg
2009/05/08
626
0
Android-x86

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

匿名
2009/12/06
67.5K
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
1K
0
微核心操作系统--FreeNOS

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

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

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

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

没有更多内容

加载失败,请刷新页面

加载更多

rime设置为默认简体

转载 https://github.com/ModerRAS/ModerRAS.github.io/blob/master/_posts/2018-11-07-rime%E8%AE%BE%E7%BD%AE%E4%B8%BA%E9%BB%98%E8%AE%A4%E7%AE%80%E4%BD%93.md 写在开始 我的Arch Linux上......

zhenruyan
今天
4
0
简述TCP的流量控制与拥塞控制

1. TCP流量控制 流量控制就是让发送方的发送速率不要太快,要让接收方来的及接收。 原理是通过确认报文中窗口字段来控制发送方的发送速率,发送方的发送窗口大小不能超过接收方给出窗口大小。...

鏡花水月
今天
8
0
OSChina 周日乱弹 —— 别问,问就是没空

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @tom_tdhzz :#今日歌曲推荐# 分享容祖儿/彭羚的单曲《心淡》: 《心淡》- 容祖儿/彭羚 手机党少年们想听歌,请使劲儿戳(这里) @wqp0010 :周...

小小编辑
今天
876
10
golang微服务框架go-micro 入门笔记2.1 micro工具之micro api

micro api micro 功能非常强大,本文将详细阐述micro api 命令行的功能 重要的事情说3次 本文全部代码https://idea.techidea8.com/open/idea.shtml?id=6 本文全部代码https://idea.techidea8....

非正式解决方案
今天
5
0
Spring Context 你真的懂了吗

今天介绍一下大家常见的一个单词 context 应该怎么去理解,正确的理解它有助于我们学习 spring 以及计算机系统中的其他知识。 1. context 是什么 我们经常在编程中见到 context 这个单词,当...

Java知其所以然
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部