JavaScript表單焦點(diǎn)自動(dòng)切換代碼
更新時(shí)間：2016年07月24日 16:40:55 作者：924256520
這篇文章主要介紹了JavaScript表單焦點(diǎn)自動(dòng)切換代碼的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
廢話不多說，關(guān)鍵代碼如下所示：
---恢復(fù)內(nèi)容開始---
<html>
<head>
<script>
window.onload=function(){
var form=document.getElementsByTagName('form')[0];
var txt=form.elements['txt1'];
var txt1=form.elements['txt2'];
txt.onkeyup=function(){
if(this.value.length==this.maxLength){
for(var i=0;i<form.elements.length;i++){
if(form.elements[i]==this){
form.elements[i+1].focus();
}
}
}
}
}
</script>
</head>
<body>
<form>
<input type="text" name="txt1" maxlength="5">
<input type="text" name="txt2" maxlength="4">
</form>
</body>
</html>
---恢復(fù)內(nèi)容結(jié)束---
以上所述是小編給大家介紹的JavaScript表單焦點(diǎn)自動(dòng)切換代碼，希望對大家有所幫助！
相關(guān)文章
在js中處理Date時(shí),發(fā)現(xiàn)Safari和其他瀏覽器的支持方式不一致。下面通過本文給大家分享js中Safari瀏覽器中的Date，感興趣的朋友一起學(xué)習(xí)吧2017-07-07
JavaScript中三種for循環(huán)語句的使用總結(jié)（for、for...in、for...of）
這篇文章主要給大家介紹了關(guān)于JavaScript中三種for循環(huán)語句的使用的相關(guān)資料,For循環(huán)用在需要重復(fù)執(zhí)行的某些代碼,本文介紹的三種for循環(huán)分別包括for、for...in、for...of,需要的朋友可以參考下2021-06-06
這篇文章主要為大家詳細(xì)介紹了H5上傳本地圖片并預(yù)覽的實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要為大家詳細(xì)介紹了js基礎(chǔ)之事件捕獲與冒泡原理，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
JS產(chǎn)生隨機(jī)數(shù)的用法小結(jié)
本文給大家分享js產(chǎn)生隨機(jī)數(shù)的用法小結(jié)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-12-12
微信小程序在 2.2.1 版本后增加了對 npm 包加載的支持，使得小程序支持使用 npm 安裝第三方包。這篇文章主要介紹了在小程序開發(fā)中使用npm的方法，感興趣的小伙伴們可以參考一下2018-10-10
這篇文章主要介紹了如何使用js判斷瀏覽器是否支持html5,需要的朋友可以參考下2014-08-08
下面小編就為大家?guī)硪黄P(guān)于JS變量和作用域詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
typescript+react實(shí)現(xiàn)移動(dòng)端和PC端簡單拖拽效果
這篇文章主要為大家詳細(xì)介紹了typescript+react實(shí)現(xiàn)移動(dòng)端和PC端簡單拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
layer彈出層倒計(jì)時(shí)關(guān)閉的實(shí)現(xiàn)方法
今天小編就為大家分享一篇layer彈出層倒計(jì)時(shí)關(guān)閉的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09