文档章节

Ext键盘处理

赤月三号
 赤月三号
发布于 2016/04/29 13:01
字数 371
阅读 30
收藏 0
点赞 1
评论 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
博文 112
码字总数 42672
作品 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
[转帖]迅为4412开发板最小linux系统的存储空间修改

本文转自迅为论坛:http://www.topeetboard.com 最小linux系统的存储空间修改以修改成 1G 存储空间为例来修改,如果需要改成其他大小的存储空间,参照此方法修改即可。 首先连接好 iTOP-441...

topeet
2015/12/09
187
0
【翻译】使用Sencha Ext JS 6打造通用应用程序

原文:Using Sencha Ext JS 6 to Build Universal Apps 在Sencha和整个Ext JS团队的支持下,我很高兴能跟大家分享一下有关Sencha Ext JS 6的更多细节。该版本向前迈出了一大步,支持使用一个...

tianxiaode2008
2015/07/07
0
0
ExtJS框架基础:事件模型及其常用功能

前言 工作中用ExtJS有一段时间了,Ext丰富的UI组件大大的提高了开发B/S应用的效率。虽然近期工作中天天都用到ExtJS,但很少对 ExtJS框架原理性的东西进行过深入学习,这两天花了些时间学习了...

liujie_sun
2014/03/04
0
0
MFC线程钩子和全局钩子[HOOK DLL]

第一部分:API函数简介 1. SetWindowsHookEx函数 函数原型 HHOOK SetWindowsHookEx( int idHook, // hook type HOOKPROC lpfn, // hook procedure HINSTANCE hMod, // handle to application......

长平狐
2012/10/08
1K
0
Ext JS 4即将正式发布,值得期待

Ext JS是一个针对Web的UI库。它是市场上的轻量级工具,它通过抽象,支持开发人员不必强制性地编写HTML的源代码,而且允许开发人员灵活的扩展组件库或者通过简单强大的插件架构创建真实的插件...

张金富
2011/11/04
0
2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

机器学习管理平台 MLFlow

最近工作很忙,博客一直都没有更新。抽时间给大家介绍一下Databrick开源的机器学习管理平台-MLFlow。 谈起Databrick,相信即使是不熟悉机器学习和大数据的工程湿们也都有所了解,它由Spark的...

naughty
今天
0
0
idea tomcat 远程调试

tomcat 配置 编辑文件${tomcat_home}/bin/catalina.sh,在文件开头添加如下代码。    CATALINA_OPTS="-Xdebug -Xrunjdwp:transport=dt_socket,server=y,suspend=n,address=7829" Idea端配......

qwfys
今天
1
0
遍历目录下的文件每250M打包一个文件

#!/usr/bin/env python # -*- utf-8 -*- # @Time : 2018/7/20 0020 下午 10:16 # @Author : 陈元 # @Email : abcmeabc@163.com # @file : tarFile.py import os import tarfile import thr......

寻爱的小草
今天
1
0
expect同步文件&expect指定host和要同步的文件&构建文件分发系统&批量远程执行命令

20.31 expect脚本同步文件 expect通过与rsync结合,可以在一台机器上把文件自动同步到多台机器上 编写脚本 [root@linux-5 ~]# cd /usr/local/sbin[root@linux-5 sbin]# vim 4.expect#!/...

影夜Linux
今天
1
0
SpringBoot | 第九章:Mybatis-plus的集成和使用

前言 本章节开始介绍数据访问方面的相关知识点。对于后端开发者而言,和数据库打交道是每天都在进行的,所以一个好用的ORM框架是很有必要的。目前,绝大部分公司都选择MyBatis框架作为底层数...

oKong
今天
13
0
win10 上安装解压版mysql

1.效果 2. 下载MySQL 压缩版 下载地址: https://downloads.mysql.com/archives/community/ 3. 配置 3.1 将下载的文件解压到合适的位置 我最终将myql文件 放在:D:\develop\mysql 最终放的位...

Lucky_Me
今天
2
0
linux服务器修改mtu值优化cpu

一、jumbo frames 相关 1、什么是jumbo frames Jumbo frames 是指比标准Ethernet Frames长的frame,即比1518/1522 bit大的frames,Jumbo frame的大小是每个设备厂商规定的,不属于IEEE标准;...

问题终结者
今天
2
0
expect脚本同步文件expect脚本指定host和要同步的文件 构建文件分发系统批量远程执行命令

expect脚本同步文件 在一台机器上把文件同步到多台机器上 自动同步文件 vim 4.expect [root@yong-01 sbin]# vim 4.expect#!/usr/bin/expectset passwd "20655739"spawn rsync -av ro...

lyy549745
今天
1
0
36.rsync下 日志 screen

10.32/10.33 rsync通过服务同步 10.34 linux系统日志 10.35 screen工具 10.32/10.33 rsync通过服务同步: rsync还可以通过服务的方式同步。那需要开启一个服务,他的架构是cs架构,客户端服务...

王鑫linux
今天
1
0
matplotlib 保存图片时的参数

简单绘图 import matplotlib.pyplot as pltplt.plot(range(10)) 保存为csv格式,放大后依然很清晰 plt.savefig('t1.svg') 普通保存放大后会有点模糊文件大小20多k plt.savefig('t5.p...

阿豪boy
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部