`

利用Javascript脚本捕获键盘事件

    博客分类：
  • J2EE
脚本JavaScriptIEFlash浏览器 
阅读更多
在很多应用中，用户都希望WEB应用能够在界面上支持一些快捷键，最常见的就是上下左右、TAB、回车等的快捷键支持。抛开在页面上运行Applet、Flash 的方式来对键盘快捷键支持外，利用JavaScript也能够有出色的表现。
在对键盘时间的支持上，操作系统提供了一整套的虚拟键键值，要使我们的应用能够很好的支持快捷键，了解这些键值是必不可少的。
现将常见的键值列举如下：
A 0X65                            U 0X85
B 0X66                            V 0X86
C 0X67                            W 0X87
D 0X68                            X 0X88
E 0X69                            Y 0X89
F 0X70                            Z 0X90
G 0X71                            0 0X48
H 0X72                            1 0X49
I 0X73                            2 0X50
J 0X74                            3 0X51
K 0X75                            4 0X52
L 0X76                            5 0X53
M 0X77                            6 0X54
N 0X78                            7 0X55
O 0X79                            8 0X56
P 0X80                            9 0X57
Q 0X81                            ESC 0X1B
R 0X82                            CTRL 0X11
S 0X83                            SHIFT 0X10
T 0X84                            ENTER 0XD（用十进制就是13）
还有方向键：
← 37                             →  39
F1键 112                         F2键  113
F3键 114                         F4键  115
F5键 115                         F6键  116
F7键 117                         F8键  118
F1键 119                         F4键  110
退格删除键  8                     TAB键  40
通常，快捷键的支持都是在整个Document对象内部都有效的。因此，在声明脚本时可以采用以下方式：
 
<script language="javascript" for="document" event="onkeydown">
 
这样，在整个Document对象内部，你所声明的其内所有的脚本都会生效。因此，如果你需要做的处理都比较简单的话，你也不必要使用function来处理。这种方式或许会更加有效。
为了能够更好的支持虚拟键，JavaScript还对一些常用控制键进行了更进一步的封装，这些键有：Ctrl键、Shift键、Alt键等，对应的操作指令分别为：
 
window.event.ctrlKey
window.event.shiftKey
window.event.altKey
 
 
举个简单的例子：如果我们要在页面上将Enter键和Tab键都屏蔽成将光标向下一个表单元素移动，那么可以加入以下代码：
js 代码
  1. if(event.keyCode==13 || event.keyCode==40){   
  2.     event.keyCode=9;   
  3.     CurTabIndex=event.srcElement.tabIndex+1//将当前tabindex的值加1   
  4.     for (n=0;n<insert.elements.length;n++)   
  5.     {   
  6.         if (insert.elements[n].tabIndex==CurTabIndex) //找到下一个表单元素   
  7.         {   
  8.         insert.elements[n].focus(); //移动焦点   
  9.         return true;   
  10.         }   
  11.     }   
  12.   }  
但是，你很快就会发现，上面的代码只有在 IE 上有效，而在 Netscape 上却怎么也得不到你想要的结果，原因是 Netscape 和 IE 在对键盘事件的JS支持上是不同的。对于类似于：event.keyCode 这样的东西只有IE才能够支持，而在 Netscape 上，则采用e.which ，因此，如果你的应用需要支持多浏览器版，需要做的在这里也许仅仅是用e.which 来代替 window.event.keyCode 。
用两种浏览器检查上述实例，你会发现执行结果不总是一样的，这是因为两种浏览器的键盘代码设置不相同，因此你必须使用单独的代码分别来写这段程序（行业垄断和竞争的悲剧呀!--痛苦的可是我们这帮程序员呀......）。
以下是一个在网路上找到的对 IE 和 Netscape 进行分别处理的小程序，通过这段代码可以很容易看出两个浏览器的不同处理方式：
js 代码
  1. function init() {    
  2.  　　if (ns4) block = document.blockDiv    
  3.  　　if (ie4) block = blockDiv.style    
  4.  　　block.xpos = parseInt(block.left)    
  5.  　　block.active = false    
  6.  　　document.onkeydown = keyDown    
  7.  　　document.onkeyup = keyUp    
  8.  　　if (ns4) document.captureEvents(Event.KEYDOWN | Event.KEYUP)    
  9.  }    
  10.  function keyDown(e) {    
  11.  　　if (ns4) {var nKey=e.which; var ieKey=0}    
  12.  　　if (ie4) {var ieKey=event.keyCode; var nKey=0}    
  13.  　　if ((nKey==97 || ieKey==65) && !block.active) { // if "A" key is pressed    
  14.  　　　　block.active = true slide()    
  15.  　　}    
  16.  }    
  17.  function keyUp(e) {    
  18.  　　if (ns4) {var nKey=e.which; var ieKey=0}    
  19.  　　if (ie4) {var ieKey=event.keyCode; var nKey=0}    
  20.  　　if (nKey==97 || ieKey==65) {    
  21.  　　block.active = false // if "A" key is released    
  22.  　　}    
  23.  }    
  24.  function slide() {    
  25.  　　 if (block.active) {    
  26.  　　　　block.xpos += 5    
  27.  　　　　block.left = block.xpos    
  28.  　　　　status = block.xpos // not needed, just for show    
  29.  　　　　setTimeout("slide()",30)    
  30.  　　　}    
  31.  }   
分享到：
| 让你 Oracle 的存储过程与Java代码开始进行 ...
评论
1 楼 chnmgs 2008-09-03  
[flash=200,200][/flash][url][/url][img][/img]

    [*]

    [*]
引用
[u][/u][i][/i][b][/b]





    
    
  


  

    
发表评论

            
   您还没有登录,请您登录后再发表评论 

      

  

  





  

    
相关推荐

    
    
    
        
        
    
          
    
            
            
    
              
                
                
                
    
                  
    
                    
                      级联H桥SVG无功补偿系统在不平衡电网中的三层控制策略：电压电流双闭环PI控制、相间与相内电压均衡管理,级联H桥SVG无功补偿系统在不平衡电网中的三层控制策略：电压电流双闭环PI控制、相间与相内电压均
                    
                  
    
                  
    级联H桥SVG无功补偿系统在不平衡电网中的三层控制策略：电压电流双闭环PI控制、相间与相内电压均衡管理,级联H桥SVG无功补偿系统在不平衡电网中的三层控制策略：电压电流双闭环PI控制、相间与相内电压均衡管理,不平衡电网下的svg无功补偿，级联H桥svg无功补偿statcom，采用三层控制策略。
（1）第一层采用电压电流双闭环pi控制，电压电流正负序分离，电压外环通过产生基波正序有功电流三相所有H桥模块直流侧平均电压恒定，电流内环采用前馈解耦控制；
（2）第二层相间电压均衡控制，注入零序电压，控制通过注入零序电压维持相间电压平衡；
（3）第三层相内电压均衡控制，使其所有子模块吸收的有功功率与其损耗补，从而保证所有H桥子模块直流侧电压值等于给定值。
有参考资料。
639,核心关键词：
1. 不平衡电网下的SVG无功补偿
2. 级联H桥SVG无功补偿STATCOM
3. 三层控制策略
4. 电压电流双闭环PI控制
5. 电压电流正负序分离
6. 直流侧平均电压恒定
7. 前馈解耦控制
8. 相间电压均衡控制
9. 零序电压注入
10. 相内电压均衡控制

以上十个关键词用分号分隔的格式为：不
    
                
    
                
              
                
                
                
    
                  
    
                    
                      GTX 1080 PCB图纸
                    
                  
    
                  
    GTX 1080 PCB图纸，内含图纸查看软件
    
                
    
                
              
                
                
                
    
                  
    
                    
                      深度优化与应用：提升DeepSeek润色指令的有效性和灵活性指南
                    
                  
    
                  
    内容概要：本文档详细介绍了利用 DeepSeek 进行文本润色和问答交互时提高效果的方法和技巧，涵盖了从明确需求、提供适当上下文到尝试开放式问题以及多轮对话的十个要点。每一部分内容都提供了具体的示范案例，如指定回答格式、分步骤提问等具体实例，旨在指导用户更好地理解和运用 DeepSeek 提升工作效率和交流质量。同时文中还强调了根据不同应用场景调整提示词语气和风格的重要性和方法。
适用人群：适用于希望通过优化提问技巧以获得高质量反馈的企业员工、科研人员以及一般公众。
使用场景及目标：本文针对所有期望提高 DeepSeek 使用效率的人群，帮助他们在日常工作中快速获取精准的答案或信息，特别是在撰写报告、研究材料准备和技术咨询等方面。此外还鼓励用户通过不断尝试不同形式的问题表述来进行有效沟通。
其他说明：该文档不仅关注实际操作指引，同样重视用户思维模式转变——由简单索取答案向引导 AI 辅助创造性解决问题的方向发展。

    
                
    
                
              
                
                
                
    
                  
    
                    
                      基于FPGA与W5500实现的TCP网络通信测试平台开发-Zynq扩展口Verilog编程实践,基于FPGA与W5500芯片的TCP网络通信测试及多路Socket实现基于zynq开发平台和Vivad
                    
                  
    
                  
    基于FPGA与W5500实现的TCP网络通信测试平台开发——Zynq扩展口Verilog编程实践,基于FPGA与W5500芯片的TCP网络通信测试及多路Socket实现基于zynq开发平台和Vivado 2019软件的扩展开发,基于FPGA和W5500的TCP网络通信
测试平台 zynq扩展口开发
软件平台 vivado2019.2，纯Verilog可移植
测试环境 压力测试 cmd命令下ping电脑ip，同时采用上位机进行10ms发包回环测试，不丢包（内部数据回环，需要时间处理）
目前实现单socket功能，多路可支持

,基于FPGA; W5500; TCP网络通信; Zynq扩展口开发; 纯Verilog可移植; 测试平台; 压力测试; 10ms发包回环测试; 单socket功能; 多路支持。,基于FPGA与W5500的Zynq扩展口TCP通信测试：可移植Verilog实现的高效网络通信
    
                
    
                
              
                
                
                
    
                  
    
                    
                      Labview液压比例阀伺服阀试验台多功能程序：PLC通讯、液压动画模拟、手动控制与调试、传感器标定、报警及记录、自动实验、数据处理与查询存储，报表生成与打印一体化解决方案 ,Labview液压比例阀
                    
                  
    
                  
    Labview液压比例阀伺服阀试验台多功能程序：PLC通讯、液压动画模拟、手动控制与调试、传感器标定、报警及记录、自动实验、数据处理与查询存储，报表生成与打印一体化解决方案。,Labview液压比例阀伺服阀试验台多功能程序：PLC通讯、液压动画模拟、手动控制与调试、传感器标定、报警管理及实验自动化,labview液压比例阀伺服阀试验台程序：功能包括，同PLC通讯程序，液压动画，手动控制及调试，传感器标定，报警设置及报警记录，自动实验，数据处理曲线处理，数据库存储及查询，报表自动生成及打印，扫码枪扫码及信号录入等~
,核心关键词：PLC通讯; 液压动画; 手动控制及调试; 传感器标定; 报警设置及记录; 自动实验; 数据处理及曲线处理; 数据库存储及查询; 报表生成及打印; 扫码枪扫码。,Labview驱动的智能液压阀测试系统：多功能控制与数据处理
    
                
    
                
              
                
                
                
    
                  
    
                    
                      华为、腾讯、万科员工职业发展体系建设与实践.pptx
                    
                  
    
                  
    华为、腾讯、万科员工职业发展体系建设与实践.pptx
    
                
    
                
              
                
                
                
    
                  
    
                    
                      基于遗传算法的柔性车间调度优化 附Matlab代码.rar
                    
                  
    
                  
    1.版本：matlab2014/2019a/2024a

 2.附赠案例数据可直接运行matlab程序。 

3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 

4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 
    
                
    
                
              
                
                
                
    
                  
    
                    
                      电网不对称故障下VSG峰值电流限制的柔性控制策略：实现电流平衡与功率容量的优化利用,电网不对称故障下VSG峰值电流限制的柔性控制策略：兼顾平衡电流与功率控制切换的动态管理,电网不对称故障下VSG峰值电
                    
                  
    
                  
    电网不对称故障下VSG峰值电流限制的柔性控制策略：实现电流平衡与功率容量的优化利用,电网不对称故障下VSG峰值电流限制的柔性控制策略：兼顾平衡电流与功率控制切换的动态管理,电网不对称故障下VSG峰值电流限制的柔性不平衡控制（文章完全复现）。
提出一种在不平衡运行条件下具有峰值电流限制的可变不平衡电流控制方法，可灵活地满足不同操作需求，包括电流平衡、有功或无功恒定运行（即电流控制、有功控制或无功控制之间的相互切），注入电流保持在安全值内，以更好的利用VSG功率容量。
关键词：VSG、平衡电流控制、有功功率控制、无功功率控制。

,VSG; 峰值电流限制; 柔性不平衡控制; 电流平衡控制; 有功功率控制; 无功功率控制。,VSG柔性控制：在电网不对称故障下的峰值电流限制与平衡管理
    
                
    
                
              
                
                
                
    
                  
    
                    
                      libpinyin-tools-0.9.93-4.el7.x64-86.rpm.tar.gz
                    
                  
    
                  
    1、文件内容：libpinyin-tools-0.9.93-4.el7.rpm以及相关依赖
2、文件形式：tar.gz压缩包
3、安装指令：
#Step1、解压
tar -zxvf /mnt/data/output/libpinyin-tools-0.9.93-4.el7.tar.gz
#Step2、进入解压后的目录，执行安装
sudo rpm -ivh *.rpm
4、更多资源/技术支持：公众号禅静编程坊
    
                
    
                
              
                
                
                
    
                  
    
                    
                      机器学习（预测模型）：动漫《龙珠》相关的数据集
                    
                  
    
                  
    数据集是一个以经典动漫《龙珠》为主题的多维度数据集，广泛应用于数据分析、机器学习和图像识别等领域。该数据集由多个来源整合而成，涵盖了角色信息、战斗力、剧情片段、台词以及角色图像等多个方面。数据集的核心内容包括：
角色信息：包含《龙珠》系列中的主要角色及其属性，如名称、种族、所属系列（如《龙珠》《龙珠Z》《龙珠超》等）、战斗力等级等。
图像数据：提供角色的图像资源，可用于图像分类和角色识别任务。这些图像来自动画剧集、漫画和相关衍生作品。
剧情与台词：部分数据集还包含角色在不同故事中的台词和剧情片段，可用于文本分析和自然语言处理任务。
战斗数据：记录角色在不同剧情中的战斗力变化和战斗历史，为研究角色成长和剧情发展提供支持。
数据集特点
多样性：数据集整合了角色、图像、文本等多种类型的数据，适用于多种研究场景。
深度：不仅包含角色的基本信息，还涵盖了角色的成长历程、技能描述和与其他角色的互动关系。
实用性：支持多种编程语言（如Python、R）的数据处理和分析，提供了详细的文档和示例代码。
    
                
    
                
              
                
                
                
    
                  
    
                    
                      基于protues仿真的多功公交站播报系统设计（仿真图、源代码）
                    
                  
    
                  
    基于protues仿真的多功公交站播报系统设计（仿真图、源代码）
该设计为基于protues仿真的多功公交站播报系统，实现温度显示、时间显示、和系统公交站播报功能；
具体功能如下：
1、系统使用51单片机为核心设计；
2、时钟芯片进行时间和日期显示；
3、温度传感器进行温度读取；
4、LCD12864液晶屏进行相关显示；
5、按键设置调节时间；
6、按键设置报站；
7、仿真图、源代码；

操作说明：
1、下行控制报站：首先按下（下行设置按键），（下行指示灯）亮，然后按下（手动播报）按键控制播报下一站；
2、上行控制报站：首先按上（上行设置按键），（上行指示灯）亮，然后按下（手动播报）按键控制播报下一站；
3、按下关闭播报按键，则关闭播报功能和清除显示

    
                
    
                
              
                
                
                
    
                  
    
                    
                      基于微信小程序的琴房管理系统的设计与实现.zip
                    
                  
    
                  
    采用Java后台技术和MySQL数据库，在前台界面为提升用户体验，使用Jquery、Ajax、CSS等技术进行布局。
系统包括两类用户：学生、管理员。
学生用户
学生用户只要实现了前台信息的查看，打开首页，查看网站介绍、琴房信息、在线留言、轮播图信息公告等，通过点击首页的菜单跳转到对应的功能页面菜单，包括网站首页、琴房信息、注册登录、个人中心、后台登录。
学生用户通过账户账号登录，登录后具有所有的操作权限，如果没有登录，不能在线预约。学生用户退出系统将注销个人的登录信息。
管理员通过后台的登录页面，选择管理员权限后进行登录，管理员的权限包括轮播公告管理、老师学生信息管理和信息审核管理，管理员管理后点击退出，注销登录信息。
管理员用户具有在线交流的管理，琴房信息管理、琴房预约管理。
在线交流是对前台用户留言内容进行管理，删除留言信息，查看留言信息。
    
                
    
                
              
                
                
                
    
                  
    
                    
                      界面GUI设计MATLAB教室人数统计.zip
                    
                  
    
                  
    MATLAB可以用于开发人脸识别考勤系统。下面是一个简单的示例流程：

1. 数据采集：首先收集员工的人脸图像作为训练数据集。可以要求员工提供多张照片以获得更好的训练效果。

2. 图像预处理：使用MATLAB的图像处理工具对采集到的人脸图像进行预处理，例如灰度化、裁剪、缩放等操作。

3. 特征提取：利用MATLAB的人脸识别工具包，如Face Recognition Toolbox，对处理后的图像提取人脸特征，常用的方法包括主成分分析（PCA）和线性判别分析（LDA）等。

4. 训练模型：使用已提取的人脸特征数据集训练人脸识别模型，可以选择支持向量机（SVM）、卷积神经网络（CNN）等算法。

5. 考勤系统：在员工打卡时，将摄像头捕获的人脸图像输入到训练好的模型中进行识别，匹配员工信息并记录考勤数据。

6. 结果反馈：根据识别结果，可以自动生成考勤报表或者实时显示员工打卡情况。

以上只是一个简单的步骤，实际开发过程中需根据具体需求和系统规模进行定制和优化。MATLAB提供了丰富的图像处理和机器学习工具，是开发人脸识别考勤系统的一个很好选择。
    
                
    
                
              
                
                
                
    
                  
    
                    
                      hjbvbnvhjhjg
                    
                  
    
                  
    hjbvbnvhjhjg
    
                
    
                
              
                
                
                
    
                  
    
                    
                      HCIP、软考相关学习PPT
                    
                  
    
                  
    HCIP、软考相关学习PPT提供下载
    
                
    
                
              
                
                
                
    
                  
    
                    
                      绿豆BOX UI8版：反编译版六个全新UI+最新后台直播管理源码 
                    
                  
    
                  
    绿豆BOX UI8版：反编译版六个全新UI+最新后台直播管理源码
最新绿豆BOX反编译版六个UI全新绿豆盒子UI8版本 最新后台支持直播管理
作为UI6的升级版，UI8不仅修复了前一版本中存在的一些BUG，还提供了6套不同的UI界面供用户选择，该版本有以下特色功能：
在线管理TVBOX解析
在线自定义TVBOX
首页布局批量添加会员信息
并支持导出批量生成卡密
并支持导出直播列表管理功能
    
                
    
                
              
                
                
                
    
                  
    
                    
                      vue3的一些语法以及知识点
                    
                  
    
                  
    vue3的一些语法以及知识点
    
                
    
                
              
                
                
                
    
                  
    
                    
                      西门子大型Fanuc机器人汽车焊装自动生产线程序经典解析：PLC博图编程与MES系统通讯实战指南,西门子PLC博图汽车焊装自动生产线FANUC机器人程序经典结构解析与MES系统通讯,西门子1500 大
                    
                  
    
                  
    西门子大型Fanuc机器人汽车焊装自动生产线程序经典解析：PLC博图编程与MES系统通讯实战指南,西门子PLC博图汽车焊装自动生产线FANUC机器人程序经典结构解析与MES系统通讯,西门子1500 大型程序fanuc 机器人汽车焊装自动生产线程序
MES 系统通讯
大型程序fanuc机器人汽车焊装自动生产线程序程序经典结构清晰，SCL算法堆栈，梯形图和 SCL混编使用博图
 V14以上版本打开
包括: 1、 PLC 博图程序 2 触摸屏程序

,西门子1500; 大型程序; fanuc机器人; 汽车焊装自动生产线; MES系统通讯; SCL算法; 梯形图; SCL混编; 博图V14以上版本。,西门子博图大型程序：汽车焊装自动生产线MES系统通讯与机器人控制
    
                
    
                
              
                
                
                
    
                  
    
                    
                      DeepSeek：从入门到精通
                    
                  
    
                  
    DeepSeek：从入门到精通
    
                
    
                
              
                
                
                
    
                  
    
                    
                      计及信息间隙决策与多能转换的综合能源系统优化调度模型：实现碳经济最大化与源荷不确定性考量,基于信息间隙决策与多能转换的综合能源系统优化调度模型：源荷不确定性下的高效碳经济调度策略,计及信息间隙决策及多
                    
                  
    
                  
    计及信息间隙决策与多能转换的综合能源系统优化调度模型：实现碳经济最大化与源荷不确定性考量,基于信息间隙决策与多能转换的综合能源系统优化调度模型：源荷不确定性下的高效碳经济调度策略,计及信息间隙决策及多能转的综合能源系统优化调度
        本代码构建了含风电、光伏、光热发电系统、燃气轮机、燃气锅炉、电锅炉、储气、储电、储碳、碳捕集装置的综合能源系统优化调度模型，并考虑P2G装置与碳捕集装置联合运行，从而实现碳经济的最大化，最重要的是本文引入了信息间隙决策理论考虑了源荷的不确定性（本代码的重点）与店铺的47代码形成鲜明的对比，注意擦亮眼睛，认准原创，该代码非常适合修改创新，，提供相关的模型资料
,计及信息间隙决策; 综合能源系统; 优化调度; 多能转换; 碳经济最大化; 风电; 光伏; 燃气轮机; 储气; 储电; 储碳; 碳捕集装置; P2G装置联合运行; 模型资料,综合能源系统优化调度模型：基于信息间隙决策和多能转换的原创方案
    
                
    
                
              
            
    
          
    
        
    
    

  





  
    Magicbox
  













      

      
        

          

            

              

                

                
              

            

            


            

          

        

            
    

    
    
  

  



   Global site tag (gtag.js) - Google Analytics