软件
  • 综合
  • 软件
  • 文章
  • 安卓
搜索
pscc2017autocad2018dreamweaver2017草图大师2017Visio 2016
当前位置：软件学堂 > 资讯首页 > 网络编程 > 编程其他 > 利用JS代码实现Enter键实现Tab键功能

利用JS代码实现Enter键实现Tab键功能

2012/10/26 17:03:25作者：佚名来源：网络

移动端

【实例名称】

Enter键实现Tab键功能

【实例描述】

在设计c/s桌面程序时，用户按Enter键，光标会自动跳到下一个表格处。这样可以提高用户的工作效率。本例将介绍如何在B/s程序中实现此功能。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>标题页-学无忧（www.xue51.com）</title>

   <script language="javascript">
     function changeFocus()
    {
       if(event.keyCode==13)
          event.keyCode=9;
    }
    </script>

需要在body中添加一个包含文本框的table，其中的文本框需要调用上面的方法。

</head>
<body>
<table id="mytbl" width="300" height="50" border="0" cellspacing="2"
cellpadding="0" bgcolor="#FFb609">
  <tr>
    <td> <input type=text id="txt1" onkeydown="changeFocus()" /></td>
<td>  <input type=text id="txt2" onkeydown="changeFocus()"  /></td>
  </tr>
  <tr>
    <td>  <input type=text id="txt3"  onkeydown="changeFocus()" /></td>
<td>  <input type=text id="txt4" onkeydown="changeFocus()" /></td>
  </tr>
</table>
</div>
   
</body>
</html>

【运行效果】

运行效果

【难点剖析】

本例的重点是要知道Enter和Tab的键值，以及如何获取用户输入的键。用户输人的键通过“event．kevCode”获取．Enter的键值是“13”，Tab的键值为“9”。

【源码下载】

本实例JS代码下载

 

标签： JS代码  Enter  Tab    

相关文章

热门软件/ 推荐游戏/ 手机软件

资讯分类

Dreamweaver Flash DIV+CSS 编程其他

推荐教程

精品软件推荐

∧

Copyright2025 软件学堂(www.xue51.com).All Rights Reserved