JS 键盘操作

最新推荐文章于 2020-11-10 18:03:45 发布
最新推荐文章于 2020-11-10 18:03:45 发布
阅读量68 收藏
点赞数
分类专栏： Javascript 文章标签： JSP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_20286/article/details/81973481
版权
<html>
<head>
<title>My JSP 'test.jsp' starting page</title>
<script type="text/javascript">
function keyDown(){
var iekey=event.keyCode;
var realkey=String.fromCharCode(event.keyCode);
//按"Insert"键表格获取光标事件
var grid=document.getElementById("myGrid");
var order=event.target||event.srcElement; //得到当前的文本框
if(order.tagName=="INPUT"){
var curRow = order.parentNode.parentNode.rowIndex;//行索引
var curCol = order.parentNode.cellIndex;//列索引
var rowCount=grid.childNodes[0].childNodes.length-1;
var colCount=grid.childNodes[0].childNodes[0].childNodes.length-1;

if(iekey==38){

if(--curRow>=0&&grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].tagName=="INPUT"){
grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].select();//选中上一行的文本框.
}
}else if(iekey==40 || iekey == 13){

if(++curRow<=rowCount&&grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].tagName=="INPUT"){
grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].select();//选中下一行的文本框.
}
}else if(iekey==39){
if(++curCol<=colCount&&grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].tagName=="INPUT"){
grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].select();//选中下列的文本框.
}
}else if(iekey==37){
if(--curCol>=0&&grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].tagName=="INPUT"){
grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].select();//选中前列的文本框.
}
}
}
}
document.onkeydown = keyDown;
</script>
</head>

<body style="font-size:12px;text-align: center; padding: 8px;" >
<form action="#" method="post">
<TABLE id="myGrid">

<tr >
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
</tr>
<tr >
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
</tr>
<tr >
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
</tr>
<tr >
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
</tr>
<tr >
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
</tr>
<tr >
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<tr >
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
</tr>
</TABLE>
</form>
</body>
</html>
iteye_20286
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS键盘事件（非常详细）
weixin_42318311的博客
11-14 1053
在 JavaScript 中，当用户操作键盘时，会触发键盘事件，键盘事件主要包括下面 3 种类型： keydown：在键盘上按下某个键时触发。如果按住某个键，会不断触发该事件，但是 Opera 浏览器不支持这种连续操作。该事件处理函数返回 false 时，会取消默认的动作（如输入的键盘字符，在 IE 和 Safari 浏览器下还会禁止keypress 事件响应）。 keypress：按下某个键盘键并释放时触发。如果按住某个键，会不断触发该事件。该事件处理函数返回 false 时，会取消默认的动作（如输入的键
键盘操作
水上漂的专栏
09-24 3425
数据加载中...#ifndef __CKeyInput_SCENE_H__ #define __CKeyInput_SCENE_H__ #include "cocos2d.h" #include "cocos-ext.h" USING_NS_CC; USING_NS_CC_EXT; struct keyCodeName { std::string KeyCo
JS实现 键盘操作
weixin_30302609的博客
07-30 2644
JS实现 键盘操作： 详情可以去其逛网查看其API并下载，地址：http://craig.is/killing/mice <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht...
js模拟键盘按键_键盘操控的使用方法
weixin_39751769的博客
11-10 2616
1、键盘设置工具所在位置如图所示，键盘设置工具在模拟器右侧工具栏箭头所指位置2、键盘设置中的各功能介绍可自主设置多套键盘操控提供选择(此处可以新建并保存一套全新的键盘操控，同时你也可以选择你之前保存过的键盘操控)配置方法：1.新建：新建一套预设键盘；2.重命名：修改键盘文件的命名；3.复制：复制该键盘操控文件；4.删除：删除该键盘操控文件；(重要！设定好键盘操控后一定要保存，新建改名等操...
js 键盘操作
weixin_43299649的博客
04-17 855
https://www.cnblogs.com/pangpanghuan/p/6423204.html https://blog.csdn.net/lovelyelfpop/article/details/52471878 javaScript 模拟键盘事件和鼠标事件（比如模拟按下回车等） https://blog.csdn.net/ll535299/article/deta...
JS实现电脑虚拟键盘的操作
11-20
输入框具有一个ID（`myinput`），用于后续JS代码中获取和操作。CSS样式用于美化页面布局，确保键盘位置正确并设置相应的样式。 ```html 点击输入框弹出键盘" value=""/> <div class="keyBoard"></div> ``` **...
javascript键盘上下键的操作(选择)
10-30
### JavaScript键盘上下键的操作(选择) #### 知识点概览 本文将详细介绍如何使用JavaScript来监听键盘事件，并根据用户的上下箭头按键操作来选择表格中的行或改变其背景色。我们将通过两个示例代码来具体说明这一...
js事件触发操作实例分析
12-08
2. UIEvents：这类事件与用户界面交互有关，如`keydown`(键盘按键按下)、`keypress`(字符键按下)和`keyup`(键盘按键释放)。 3. HtmlEvents：这一类事件主要涉及HTML元素的状态变化，例如`focus`(元素获取焦点)、`...
js捕捉键盘事件和按键键值的方法
10-21
在Web开发中，捕捉键盘事件以及获取按键的键值是十分常见的需求，尤其在需要键盘快捷操作的应用场景中，比如快捷键的设定、表单验证、游戏开发等。本文将详细介绍如何使用JavaScript捕捉键盘事件以及获取按键键值的...
datagrid键盘操作.zip
05-31
在EasyUI框架中，DataGrid提供了丰富的功能，包括键盘操作，以提高用户交互的效率和便捷性。"datagrid键盘操作.zip"这个压缩包文件显然是针对如何在EasyUI的DataGrid上实现键盘监听事件进行的示例讲解。 EasyUI是一...
超市管理系统，基于javaweb.zip
08-15
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全栈开发），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助 【资源内容】：项目具体内容可查看/点击本页面下方的*资源详情*，包含完整源码+工程文件+说明（若有）等。【若无积分，此资源可私信获取】 【本人专注IT领域】：有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为您提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【适合场景】：相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担 2. 部分字体及插图等来自网络，若是侵权请联系删除，本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于收集和整理资料耗费时间的酬劳
vue3面试题2023,84页，几十道vue面试题，准备vue的面试，这么一份文件就够了
08-15
vue3面试题2023： Vue 的优缺点  优点 1.创建单页面应用的轻量级Web应用框架 2.简单易用 3.双向数据绑定 4.组件化的思想 5.虚拟DOM 6.数据驱动视图 缺点 不支持IE8
【雷达跟踪】基于matlab雷达目标生成与跟踪【含Matlab源码 7220期】.zip
08-15
CSDN海神之光上传的代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博客文章底部QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 功率谱估计： 故障诊断分析： 雷达通信：雷达LFM、MIMO、成像、定位、干扰、检测、信号分析、脉冲压缩 滤波估计：SOC估计 目标定位：WSN定位、滤波跟踪、目标定位 生物电信号：肌电信号EMG、脑电信号EEG、心电信号ECG 通信系统：DOA估计、编码译码、变分模态分解、管道泄漏、滤波器、数字信号处理+传输+分析+去噪（CEEMDAN）、数字信号调制、误码率、信号估计、DTMF、信号检测识别融合、LEACH协议、信号检测、水声通信
CTR2024中国广告主营销趋势调查报告.pdf
最新发布
08-15
【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2024中国广告主营销趋势调查报告.pdf【CTR】2
毕业答辩PPT模板，共24页
08-15
毕业答辩PPT模板，共24页
PHPStudy-BackDoor-EXP PHPstudy后门利用脚本 (5).zip
08-15
php面试题
AuToGraFS-2.0.1b0-py2.py3-none-any.whl.zip
08-15
AuToGraFS-2.0.1b0-py2.py3-none-any.whl.zip
深入探索JavaScript事件与键盘操作
本文将深入探讨JavaScript中的事件处理、元素操作以及文档对象模型（DOM）的使用等核心知识点。 首先，事件在JavaScript中扮演着重要的角色，它们允许用户与网页进行交互。`Event`事件是JavaScript中处理用户或...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值