欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript實現(xiàn)依次輸入input自動定焦

 更新時間:2014年12月23日 08:51:37   投稿:hebedich  
這篇文章主要介紹了javascript實現(xiàn)依次輸入input自動定焦的方法及示例代碼,非常實用,這里推薦給小伙伴們

復(fù)制代碼 代碼如下:

<html>
<head>
<script type="text/javascript">
    function moveNext(object,index){
        if(object.value.length==4){
            document.forms[0].elements[index+1].focus();
        }
    }
    function showResult(){
        var f=document.forms[0];
        var result="";
        for(var i=0;i<4;i++){
            result+=f.elements[i].value;
        }
        alert(result);
    }
</script>
</head>
<body onload="document.forms[0].elements[0].focus();">
    <form>
        <input type="text" size="3" maxlength="4" onkeyup="moveNext(this,0);">
        <input type="text" size="3" maxlength="4" onkeyup="moveNext(this,1);">
        <input type="text" size="3" maxlength="4" onkeyup="moveNext(this,2);">
        <input type="text" size="3" maxlength="4" onkeyup="moveNext(this,3);">
        <input type="button" value="顯示" onclick="showResult();">
    </form>
</body>
</html>

代碼很簡單,功能非常實用,小伙伴們美化下就可以用到自己項目中了,是不是很炫酷

相關(guān)文章

  • JavaScript數(shù)組filter方法

    JavaScript數(shù)組filter方法

    filter()創(chuàng)建一個新的數(shù)組,新數(shù)組中的元素是通過檢查指定數(shù)組中符合條件的所有元素,這篇文章主要介紹了JavaScript數(shù)組filter方法,需要的朋友可以參考下
    2022-12-12
  • JavaScript實現(xiàn)的伸展收縮型菜單代碼

    JavaScript實現(xiàn)的伸展收縮型菜單代碼

    這篇文章主要介紹了JavaScript實現(xiàn)的伸展收縮型菜單代碼,可實現(xiàn)JavaScript響應(yīng)鼠標(biāo)事件動態(tài)遍歷及修改頁面元素屬性的功能,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-10-10
  • 微信小程序?qū)崿F(xiàn)選擇地址省市區(qū)三級聯(lián)動

    微信小程序?qū)崿F(xiàn)選擇地址省市區(qū)三級聯(lián)動

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)選擇地址省市區(qū)三級聯(lián)動,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-06-06
  • webpack使用及如何搭建cesium三維地球環(huán)境

    webpack使用及如何搭建cesium三維地球環(huán)境

    這篇文章主要介紹了webpack快速上手之搭建cesium三維地球環(huán)境,本文使用的是webpack5,webpack5 升級后默認(rèn)是不支持polyfill的,編譯時會報錯,本文主要介紹了Cesium以及Webpack的使用,如何將Cesium一步步地集成到Webpack中,需要的朋友可以參考下
    2023-11-11
  • 20多個小事例帶你重溫ES10新特性(小結(jié))

    20多個小事例帶你重溫ES10新特性(小結(jié))

    這篇文章主要介紹了20多個小事例帶你重溫ES10新特性(小結(jié)),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-09-09
  • JavaScript中常見的數(shù)據(jù)格式化方式詳解

    JavaScript中常見的數(shù)據(jù)格式化方式詳解

    這篇文章主要為大家詳細(xì)介紹了JavaScript中常見的數(shù)據(jù)格式化方式,文中的示例代碼講解詳細(xì),具有一定的借鑒價值,感興趣的小伙伴可以了解一下
    2023-12-12
  • 基于JS實現(xiàn)發(fā)送短信驗證碼后的倒計時功能(無視頁面刷新,頁面關(guān)閉不進(jìn)行倒計時功能)

    基于JS實現(xiàn)發(fā)送短信驗證碼后的倒計時功能(無視頁面刷新,頁面關(guān)閉不進(jìn)行倒計時功能)

    這篇文章主要介紹了基于JS實現(xiàn)發(fā)送短信驗證碼后的倒計時功能(無視頁面刷新,頁面關(guān)閉不進(jìn)行倒計時功能)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-09-09
  • 微信公眾號網(wǎng)頁分享功能開發(fā)的示例代碼

    微信公眾號網(wǎng)頁分享功能開發(fā)的示例代碼

    這篇文章主要介紹了微信公眾號網(wǎng)頁分享功能開發(fā)的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-05-05
  • JS實現(xiàn)很實用的對聯(lián)廣告代碼(可自適應(yīng)高度)

    JS實現(xiàn)很實用的對聯(lián)廣告代碼(可自適應(yīng)高度)

    這篇文章主要介紹了JS實現(xiàn)很實用的對聯(lián)廣告代碼,可實現(xiàn)固定相對位置懸浮展示及跟隨屏幕上下滑動等功能,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-09-09
  • JavaScript 控制字體大小設(shè)置的方法

    JavaScript 控制字體大小設(shè)置的方法

    下面小編就為大家?guī)硪黄狫avaScript 控制字體大小設(shè)置的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-11-11

最新評論