當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > 利用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.yzddtk.cn）</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”獲?。瓻nter的鍵值是“13”，Tab的鍵值為“9”。

【源碼下載】

本實例JS代碼下載

標簽： JS代碼

上一篇：按功能鍵返回首頁的JS代碼怎么寫
下一篇：JS代碼實現按Ctrl+Enter提交數據

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频