`

朋友写的方向键移动text

JavaScriptHTMLXML 
阅读更多
xml 代码
  1. <html>    
  2.   <head>    
  3.   <title>Untitled   Document<!---->title>    
  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的。
分享到：
| hellojsf
评论
发表评论

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

相关推荐

    VB编写的利用控件的left和top属性实现控件上下左右移动的代码

    以下是一个基础示例，展示了如何编写一个VB程序，使用户能够通过键盘方向键控制控件的移动： ```vb Public Class Form1 Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load ' 初始化...

    键盘控制button移动

    在描述中提到，我们可以使用"W"、"A"、"S"、"D"这四个键来控制button的移动，这涉及到对按键识别和坐标更新的操作。在QT中，我们通常会在一个事件过滤器（event filter）或者窗口类（如`QWidget`或`QMainWindow`）中...

    Javascript实现疯狂坦克大战网页版游戏.7z

    主坦克用方向键移动，空格发射。 右坦克用IJKL键移动，F键发射。每辆坦克一次可发射2颗炮弹 运行环境 浏览器 项目技术 Javascript html css 运行截图 源码 &lt;!DOCTYPE ...

    鼠标动作映射到按键

    这个标题明确地指出了文章的核心功能：通过软件或程序将鼠标的移动方向（向左、向右、向上、向下）映射为键盘上的特定按键（a、d、w、s）。这种映射可以极大地提高操作效率，尤其是在游戏中，允许玩家使用更为自然的...

    jQuery左右移动文字

    5. **控制方向**：为了实现从左至右和从右至左的切换，可以设置一个变量来跟踪当前的方向，并根据该变量调整动画的方向。例如： ```javascript var direction = 'left'; if (direction === 'left') { $...

    Qt 键盘事件代码实例

    在这个例子中，我们根据按下的是哪个方向键来决定对象的移动方向。`keyPressEvent`处理按键按下时移动对象，而`keyReleaseEvent`可以用来处理按键释放时的动作，例如停止移动。 为了使对象在屏幕上可见并能够移动，...

    VI 键盘图 linux

    - `Ctrl+w`加方向键在窗口间切换。 9. **保存文件**： - 在命令模式下，输入`:w`保存当前文件。 VI的键盘图通常会详细列出这些操作对应的快捷键，帮助用户记忆和实践。通过不断地练习，你可以熟练掌握这些操作，...

    JavaScript利用键盘码控制div移动

    你可以根据需要调整移动的距离（例如，`x += 20`和`y += 20`），或者添加更多的键盘码处理以支持更多的移动方向。通过扩展这个基础，你可以构建更复杂的游戏或交互功能，比如创建一个完整的贪吃蛇游戏。

    原生js实现键盘控制div移动且解决停顿问题

    当方向键被按下时，定时器会不断触发执行移动代码，而当方向键被松开时，则改变相应方向的移动状态为停止。 首先，我们可以了解基础的实现方法。通过监听`keydown`事件，我们可以获得键盘按键的`keyCode`，然后根据...

    js实现键盘上下左右键选择文字并显示在文本框的方法

    本文实例讲述了js实现键盘上下左右键选择文字并显示在文本框的方法。分享给大家供大家参考。具体实现方法如下： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

    delphi7 listview上edit上下左右移动读写

    接下来，我们需要监听键盘事件，以便用户可以通过上下左右箭头键在单元格间移动。为此，我们需要为Form添加OnKeyDown事件处理函数，并在其中判断按键，调整Edit控件的位置。 ```delphi procedure TForm1....

    C＃处理鼠标和键盘事件

    HttpWebRequest request = (HttpWebRequest)WebRequest.Create(textBox1.Text); HttpWebResponse response = (HttpWebResponse)request.GetResponse(); ``` 接下来，我们可以使用 Stream 对象来读取响应的结果，并将...

    相关函数和键盘编码表c语言课程设

    7. 键盘编码表：这个表列出了一系列特殊键和它们对应的编码，包括Alt组合键、F键、方向键和Shift键与其他键的组合。这对于识别和处理键盘输入非常有用，特别是在处理用户交互时。 在编写C语言的控制台程序时，了解...

    js获取上下左右

    在标准的计算机键盘上，方向键（即上、下、左、右键）是非常常见的，它们位于键盘的右侧区域。这些键在网页游戏和动态交互中有着广泛的应用。为了更好地响应用户的按键操作，我们需要通过JavaScript来监听并处理这些...

    SWT JFace 按键、事件、监听

    | 方向键下 | SWT.ARROW_DOWN | | 方向键上 | SWT.ARROW_UP | | 方向键左 | SWT.ARROW_LEFT | | 方向键右 | SWT.ARROW_RIGHT | | Alt键 | SWT.ALT | | 空格键 | SWT.SPACE | *注：原文中的SWT.BS应为SWT.SPACE* | ...

    键盘按键对应的ASCII码值

    - **方向键（37至40）**：上下左右移动光标或选择项。 - **F1至F12键（112至123）**：功能键，具体功能取决于应用程序。 - **NumLock键（144）**：启用或禁用数字小键盘。 - **小键盘数字键（96至105）**：输入数字...

    ios-仿facebook 评论键盘.zip

    5. **Text Input Delegate**: 实现键盘的输入功能，需要设置文本输入委托（Text Input Delegate），处理用户输入的文本、删除、光标移动等事件。 6. **动画效果**: Facebook键盘可能包含一些动态效果，如键盘弹出、...

    vim快捷键大全

    - `Rtext&lt;Escape&gt;`：用`text`替换当前字符直到按`Escape`键。 - `stext&lt;Escape&gt;`：用`text`代替当前字符。 - `S` 或 `cc&lt;text&gt;&lt;Escape&gt;`：用`text`代替整行。 - `cw&lt;text&gt;&lt;Escape&gt;`：将当前单词改为`text`。 - ...

    Unity3D实现虚拟按钮控制人物移动效果

    在 Update 方法中，我们首先判断按钮是否被按下，如果按下，则计算出玩家的移动方向和距离，并将其传递给玩家脚本。如果按钮没有被按下，则将玩家的移动信息设置为零。 在玩家脚本中，我们首先检测虚拟按钮是否有...

Magicbox
Global site tag (gtag.js) - Google Analytics