JavaScript實(shí)現(xiàn)自動(dòng)跳轉(zhuǎn)文本功能

更新時(shí)間：2017年05月25日 15:59:20 作者：且聽風(fēng)吟leo

這篇文章主要為大家詳細(xì)介紹了JavaScript自動(dòng)跳轉(zhuǎn)文本功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

貼一段自動(dòng)跳轉(zhuǎn)文本的代碼實(shí)現(xiàn)：

實(shí)現(xiàn)代碼：

<html>
  <head>
    <title>文本跳轉(zhuǎn)</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>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JavaScript數(shù)組Array的一些常用方法總結(jié)
JavaScript的Array對象是用于構(gòu)造數(shù)組的全局對象,數(shù)組是類似于列表的高階對象,下面這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組Array的一些常用方法,需要的朋友可以參考下
2021-11-11
JavaScript實(shí)現(xiàn)DIV層拖動(dòng)及動(dòng)態(tài)增加新層的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)DIV層拖動(dòng)及動(dòng)態(tài)增加新層的方法,設(shè)計(jì)javascript操作div層的拖動(dòng)與增加的相關(guān)技巧,需要的朋友可以參考下
2015-05-05
原生js代碼實(shí)現(xiàn)圖片放大境效果
今天小編給大家分享兩種使用js寫的圖片放大鏡效果，原理都差不多，都是采用了兩張圖片給兩張圖片設(shè)定相應(yīng)的尺寸，最后顯示在不同位置，最終實(shí)現(xiàn)放大效果，感興趣的朋友一起看看吧
2016-10-10
js實(shí)現(xiàn)點(diǎn)擊文本框顯示日期選擇器特效代碼分享
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)點(diǎn)擊文本框顯示日期選擇器特效，提高了工作效率，推薦給大家，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-08-08
javascript 哈希表(hashtable)的簡單實(shí)現(xiàn)
javascript中沒有像c#,java那樣的哈希表(hashtable)的實(shí)現(xiàn)。在js中,object屬性的實(shí)現(xiàn)就是hash表,因此只要在object上封裝點(diǎn)方法,簡單的使用obejct管理屬性的方法就可以實(shí)現(xiàn)簡單高效的hashtable。
2010-01-01
百度留言本js 大家可以參考下
百度留言本js 大家可以參考下。
2009-10-10
javascript控制swfObject應(yīng)用介紹
本文將詳細(xì)介紹js控制swfObject的實(shí)現(xiàn)方法，需要了解的朋友可以參考下
2012-11-11
使用TypeScript在接口中定義靜態(tài)方法詳解
當(dāng)我們談?wù)撁嫦驅(qū)ο缶幊虝r(shí),最難理解的事情之一就是靜態(tài)屬性與實(shí)例屬性的概念,尤其是當(dāng)我們試圖在靜態(tài)類型的基礎(chǔ)上進(jìn)行動(dòng)態(tài)語言類型化時(shí),在本文中,我將主要介紹一下如何使用TypeScript在接口中定義靜態(tài)方法,需要的朋友可以參考下
2023-10-10
純js的右下角彈窗實(shí)例
下面小編就為大家?guī)硪黄僯s的右下角彈窗實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-03-03
關(guān)于scrollLeft,scrollTop的瀏覽器兼容性測試
彈窗在谷歌瀏覽器chrome下的位置跟在別的瀏覽器下不一樣，接下來介紹下scrollLeft,scrollTop的瀏覽器兼容性，感興趣的你可以參考下哈
2013-03-03