JS實(shí)現(xiàn)超過(guò)長(zhǎng)度限制后自動(dòng)跳轉(zhuǎn)下一款文本框的方法
更新時(shí)間：2015年02月23日 16:05:34 作者：代碼家園
這篇文章主要介紹了JS實(shí)現(xiàn)超過(guò)長(zhǎng)度限制后自動(dòng)跳轉(zhuǎn)下一款文本框的方法,涉及javascript操作字符及本文框的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JS實(shí)現(xiàn)超過(guò)長(zhǎng)度限制后自動(dòng)跳轉(zhuǎn)下一款文本框的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS控制超過(guò)長(zhǎng)度限制后自動(dòng)跳轉(zhuǎn)下一個(gè)文本框</title>
</head>
<body>
<input type="text" size="10">
<input type="text" size="10">
<input type="text" size="10">
<script language="javascript">
function Each(arr,fn){for(var i=0,len=arr.length;i<len;i++){fn.call(arr[i],i,arr);};};
(function(inputs){
Each(inputs,function(i){
var _o=this;
this.onkeyup=function(){
if(_o.value.length>=4){
if(inputs[i+1]){
inputs[i+1].focus();
}else{
_o.value=_o.value.slice(0,4);
}
}
}
})
})(document.getElementsByTagName('input'));
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS控制超過(guò)長(zhǎng)度限制后自動(dòng)跳轉(zhuǎn)下一個(gè)文本框</title>
</head>
<body>
<input type="text" size="10">
<input type="text" size="10">
<input type="text" size="10">
<script language="javascript">
function Each(arr,fn){for(var i=0,len=arr.length;i<len;i++){fn.call(arr[i],i,arr);};};
(function(inputs){
Each(inputs,function(i){
var _o=this;
this.onkeyup=function(){
if(_o.value.length>=4){
if(inputs[i+1]){
inputs[i+1].focus();
}else{
_o.value=_o.value.slice(0,4);
}
}
}
})
})(document.getElementsByTagName('input'));
</script>
</body>
</html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
相關(guān)文章
深入理解JavaScript中的浮點(diǎn)數(shù)
下面小編就為大家?guī)?lái)一篇深入理解JavaScript中的浮點(diǎn)數(shù)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
webpack4.x開(kāi)發(fā)環(huán)境配置詳解
這篇文章主要介紹了webpack4.x開(kāi)發(fā)環(huán)境配置方法,結(jié)合實(shí)例形式詳細(xì)分析了webpack4.x的具體安裝、項(xiàng)目創(chuàng)建、打包操作等相關(guān)問(wèn)題與處理技巧,需要的朋友可以參考下2018-08-08
基于原生JS實(shí)現(xiàn)分頁(yè)效果的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用原生js實(shí)現(xiàn)分頁(yè)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
javascript 操作文件 實(shí)現(xiàn)方法小結(jié)
可以通過(guò)瀏覽器在訪問(wèn)者的硬盤(pán)上創(chuàng)建文件 JavaScript操作文件系統(tǒng)創(chuàng)建快捷方式2009-07-07
這篇文章主要介紹了JS求平均值的小例子，有需要的朋友可以參考一下2013-11-11
這篇文章主要介紹了javascript常用函數(shù)，再來(lái)15個(gè)常用函數(shù)，都具有很高的實(shí)用性，感興趣的小伙伴們可以參考一下2015-11-11
js實(shí)現(xiàn)的Easy Tabs選項(xiàng)卡用法實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)的Easy Tabs選項(xiàng)卡用法,以完整實(shí)例形式較為詳細(xì)的分析了JavaScript鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
微信小程序?qū)崿F(xiàn)九宮格翻牌動(dòng)畫(huà)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)九宮格翻牌動(dòng)畫(huà)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
微信小程序如何調(diào)用json數(shù)據(jù)接口并解析
這篇文章主要介紹了微信小程序如何調(diào)用json數(shù)據(jù)接口并解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-06-06
javascript 得到變量類(lèi)型的函數(shù)
在JavaScript中，有時(shí)需要準(zhǔn)確知道一個(gè)變量的類(lèi)型，顯然typeof函數(shù)不能滿足這個(gè)要求，這個(gè)函數(shù)在大多數(shù)情況下都返回object。2010-05-05