朋友写的方向键移动text

最新推荐文章于 2023-04-07 17:17:41 发布
最新推荐文章于 2023-04-07 17:17:41 发布
阅读量64 收藏
点赞数
分类专栏： js ajax 文章标签： JavaScript HTML XML ViewUI
xml 代码
  1. <html>    
  2.   <head>    
  3.   <title>Untitled   Documenttitle>    
  4.   <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">    
  5.   <script   language="javascript">    
  6.   var   cols=2;    
  7.   var   obj;    
  8.   var   CanMove=false;    
  9.   var   key;    
  10.   function   setobj(input){    
  11.   obj=input;    
  12.   }    
  13.      
  14.   function   init(){    
  15.   document.onkeydown=keyDown;    
  16.   document.onkeyup=keyUp;    
  17.   }    
  18.      
  19.   function   keyDown(DnEvents){   
  20.   alert("aa");  
  21.   var   key=window.event.keyCode;    
  22.   if(key==116){    
  23.   window.event.keyCode=0;    
  24.   return   false;    
  25.   }    
  26.   if(key==8){    
  27.   if(event.srcElement.tagName!="INPUT"){    
  28.   event.cancelBubble   =   true;    
  29.   event.returnValue   =   false;    
  30.   return   false;    
  31.   }    
  32.   }    
  33.    
  34.   for(var   i=0;i<document.forms[0].elements.length;i++){    
  35.   if(document.forms[0].elements[i]==obj){    
  36.   if   (key   ==   37){//←    
  37.   if(i>0){    
  38.   document.forms[0].elements[i-1].focus();    
  39.   }    
  40.   }    
  41.   if   (key   ==   38){//↑    
  42.   if(i>cols-1){    
  43.   document.forms[0].elements[i-cols].focus();    
  44.   }    
  45.   }    
  46.   if   (key   ==   39){//→    
  47.   if(i<document.forms[0].elements.length-1){    
  48.   document.forms[0].elements[i+1].focus();    
  49.   }    
  50.   }    
  51.   if   (key   ==   40){//↓    
  52.   if(i<document.forms[0].elements.length-cols){    
  53.   document.forms[0].elements[i+cols].focus();    
  54.   }    
  55.   }    
  56.   }    
  57.   }    
  58.      
  59.   }    
  60.      
  61.   function   keyUp(UpEvents){    
  62.   return   false;    
  63.   }    
  64.   script>    
  65.   head>    
  66.      
  67.   <body   bgcolor="#FFFFFF"   text="#000000"   onload="init()">    
  68.   <form>    
  69.   <table   border="0"   cellspacing="0"   cellpadding="0"   align="center">    
  70.       <tr>    
  71.           <td>    
  72.               <input   type="text"   name="textfield"   onfocus="setobj(this)">    
  73.           td>    
  74.           <td>    
  75.               <input   type="text"   name="textfield2"   onfocus="setobj(this)">    
  76.           td>    
  77.          <td>    
  78.               <input   type="text"   name="textfield3"   onfocus="setobj(this)">    
  79.           td>  -->  
  80.       tr>    
  81.       <tr>    
  82.           <td>      
  83.               <input   type="text"   name="textfield5"   onfocus="setobj(this)">    
  84.           td>    
  85.           <td>      
  86.               <input   type="text"   name="textfield6"   onfocus="setobj(this)">    
  87.           td>    
  88.          <td>      
  89.               <input   type="text"   name="textfield7"   onfocus="setobj(this)">    
  90.           </td> 
  91.       </tr>    
  92.   </table>    
  93.   </form>    
  94.   </body>    
  95.   </html>  
用Ctrl+方向键可以方便的在控件中移动，你也可以自己改成不要Ctrl的。
bign2013
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 键盘（上下左右）快捷键
weixin_60382322的博客
03-10 3176
keydown：在键盘上按下某个键时触发。如果按住某个键，会不断触发该事件，但是 Opera 浏览器不支持这种连续操作。 keypress：按下某个键盘键并释放时触发。如果按住某个键，会不断触发该事件。该事件处理函数返回 false 时，会取消默认的动作（如输入的键盘字符）。 keyup：释放某个键盘键时触发。该事件仅在松开键盘时触发一次，不是一个持续的响应状态。 在mounted中加上window.addEventListener(“keydown”, this.KeyDown);监听 mounted
上下左右键控制光标在文本框内移动
caibaoying的专栏
01-10 2192
xml 代码 &lt;html&gt;         &lt;head&gt;         &lt;title&gt;Untitled   Document&lt;/title&gt;         &lt;meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312"&
vue2里设置input光标位置
Hassan的小博客!
04-07 1054
vue2里设置input光标位置
html文本框上下左右移动,基于jQuery实现文本框缩放以及上下移动功能
weixin_32958777的博客
06-15 1124
想让你的网页更加的炫酷，想让你的留言评论更加的具有互动性吗，那么请仔细研究下本代码吧。jQuery代码：$(function(){var $comment = $('#comment');$('.bigger').click(function(){if(!$comment.is(":animated")){if($comment.height() < 500){//$comment.heig...
*表单中按上下方向键自动移动光标的例子*
weixin_30482181的博客
03-27 156
<html><head><script language="javascript">function go1(){key=window.event.keyCode;if (key==38){CurTabIndex=event.srcElement.tabIndex-1for (n=0;n<form1.elements.length;n++)...
Javascript实现疯狂坦克大战网页版游戏.7z
最新发布
07-02
主坦克用方向键移动，空格发射。 右坦克用IJKL键移动，F键发射。每辆坦克一次可发射2颗炮弹 运行环境 浏览器 项目技术 Javascript html css 运行截图 源码 <!DOCTYPE ...
双心多重剪切板 v1.2.zip
07-14
F7 拼写检查，CTRL F7执行“移动”命令，或使用箭头键移动窗口 F8 扩展选取定区域，Alt F8激活宏对话框，shift f8是将其他区域的单元格添加到选定区域中。CTRL F8执行“大小”命令 F9 计算所有工作薄中的工作表，...
网络五子棋游戏全代码...
06-23
printf("1、按左右上下方向键移动棋子"); gotoxy(15,8); printf("1. Press Left,Right,Up,Down Key to move Piece"); gotoxy(15,10); printf("2、按空格确定落棋子"); gotoxy(15,12); printf("2. Press Space...
arcgis工具
10-22
实用工具 TASK 任务栏 Extend/Trim feature 剪切所得内容与你画线的方向有关。 2. 自动捕捉跟踪工具 点击Editor工具栏中Snapping来打开Snapping Environment对话框 捕捉设置中有3个选项， vertex edge end 分别是...
C# for CSDN 乱七八糟的看不懂
06-03
没法下载，到这里折腾一把试试。 本文由abc2253130贡献 doc文档可能在WAP端浏览体验不佳。建议您优先选择TXT，或下载源文件到本机查看。 C#（WINFORM）学习 一、 C#基础 基础 类型和变量 类型和变量 类型 C# 支持两...
js实现上下左右键盘控制div移动
10-15
主要为大家详细介绍了js实现上下左右键盘控制div移动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
enter键控制input光标移动到下一个框
10-24
enter键控制input光标移动，通过判断是否是最后一个input输入框来决定是继续向下跳还是跳到第一个input输入框
控制台中使用上下左右移动光标定位输出(代码分析)
10-15
该代码解析基于个人理解基础，文档对代码进行了拆分解释，该中并不具有完整代码； 整体代码功能尚实现了在控制台上使用上下左右移动光标定位输出，代码基于C语言，不支持删除操作，功能有限，仅提供思路。
上下左右键控制table中光标(兼容多浏览器)
01-25
js绑定input框实现上下左右键和Enter键控制table中光标的移动，光标移至最后一个input框处，按enter键新增一行。（多浏览器可用）
input光标的移动和选中
路漫漫的博客
12-03 2816
方法一 input.setSelectionRange(opsStart,opsEnd); setSelectionRange方法用于设定<input> 或 <textarea> 元素中当前选中文本的起始和结束位置。 当opsStart和opsEnd相同时，可用于定位光标位置。 setSelectionRange实际上是改变了selectionStart 和 selectionEnd属性，所以也可以通过直接修改这两个属性来实现 方法二 input.selectionSt
通过上下左右键和回车键切换光标
aijin5917的博客
03-07 346
做项目时，客户提出这样一个要求，在列表中的文本框里输入数据时，要能够通过上下左右键来切换光标，按回车键就把光标移到下一个文本框。这样就省得一直去用鼠标了，操作起来更方便。 不废话，上代码。 页面代码 <asp:GridView id="gdv" runat="server" AllowPaging="True" PageSize="50" AutoGene...
js 键盘控制表格input上下左右移动
qq_24892029的博客
10-21 8107
//初始化获取的行列 var currentLine= 0; var currentCol=0; function keyDown(obj){     var _row = obj.parentNode;     currentCol = _row.cellIndex;     currentLine = _row.parentNode.rowIndex;      e=wi
在表格中按上下左右键移动光标
weixin_30458043的博客
01-29 424
//将input中加入属性data-col='x-y'function getXy(el){ if(el != null&&el.length != 0 && el.attr("data-col")!= null){ var attr = el.attr("data-col"); var temp = attr.split("-")...
layui table 可编辑单元格 JS实现通过键盘上下左右键 光标焦点移动到旁边的编辑行/列
CaiXinXing的CSDN博客
05-20 3732
layui table 可编辑单元格 JS实现通过键盘上下左右键 光标焦点移动到旁边的编辑行/列 类似效果 上下左右键实现的代码 layui.config({ base: '/static/layuiadmin/' //静态资源所在路径 }).extend({ index: 'lib/index' //主入口模块 }).use(['index','table','form'],function(){ var $ = layui.jquery; var tab
用pygame写一个利用方向键控制一个数字移动的游戏，可设置背景
05-27
好的，以下是一个简单的利用方向键控制一个数字移动的游戏，可设置背景的代码，使用pygame库实现： ```python import pygame # 游戏窗口大小 WINDOW_WIDTH = 400 WINDOW_HEIGHT = 400 # 数字方块大小 BLOCK_SIZE ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值