這篇文章主要為大家詳細介紹了JavaScript自動跳轉文字功能,具有一定的參考價值,有興趣的小夥伴們可以參考一下
貼一段自動跳轉文字的程式碼實作:
實作程式碼:
<html> <head> <title>文本跳转</title> <style type=text/css> body{ MARGIN-TOP: 10px; FONT-SIZE: 10pt; MARGIN-LEFT: 10px; MARGIN-RIGHT: 0px; FONT-FAMILY: "微软雅黑" } </style> <meta http-equiv=Content-Type content="text/html; charset=gb2312"> </head> <body> <script type="text/javascript"> function InBox1() { if(document.code.Box1.value.length == 4) { document.code.Box2.focus(); } } function InBox2() { if(document.code.Box2.value.length == 4) { document.code.Box3.focus(); } } function InBox3() { if(document.code.Box3.value.length == 4) { document.code.Box4.focus(); } } </script> <formname="code" action="" method="post">输入: <input maxLength="4" size="4" name="Box1" onkeyup="return InBox1()">- <input maxLength="4" size="4" name="Box2" onKeyUp="return InBox2()">- <input maxLength="4" size="4" name="Box3" onKeyUp="return InBox3()">- <input maxLength="4" size="4" name="Box4"> </form> </body> </html>
以上是JavaScript自動跳轉文字功能的實作程式碼分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!