首页> 攻略教程> 利用JS代码实现Enter键实现Tab键功能

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

2024-10-28 03:30:01来源:8624软件园作者:8624软件园

实例名称

Enter键实现Tab键功能

实例描述

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

实例代码

html xmlns=""

title标题页-学无忧

script language="javascript"

function changeFocus

/script

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

table id="mytbl" width="300" height="50" border="0" cellspacing="2"

cellpadding="0" bgcolor="#FFb609"

td input type=text id="txt1" onkeydown="changeFocus" //td

tdu00a0 input type=text id="txt2" onkeydown="changeFocus"u00a0 //td

tdu00a0 input type=text id="txt3"u00a0 onkeydown="changeFocus" //td

tdu00a0 input type=text id="txt4" onkeydown="changeFocus" //td

运行效果

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

难点剖析

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

源码下载

相关新闻
热门推荐 more+