JS實(shí)現(xiàn)超過長度限制后自動跳轉(zhuǎn)下一款文本框的方法
更新時間：2015年02月23日 16:05:34 作者：代碼家園
這篇文章主要介紹了JS實(shí)現(xiàn)超過長度限制后自動跳轉(zhuǎn)下一款文本框的方法,涉及javascript操作字符及本文框的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實(shí)例講述了JS實(shí)現(xiàn)超過長度限制后自動跳轉(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控制超過長度限制后自動跳轉(zhuǎn)下一個文本框</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控制超過長度限制后自動跳轉(zhuǎn)下一個文本框</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>
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
原生JS利用transform實(shí)現(xiàn)banner的無限滾動示例代碼
這篇文章主要介紹了原生JS利用transform實(shí)現(xiàn)banner的無限滾動示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
JavaScript中的location、history、navigator對象實(shí)例介紹
這篇文章主要介紹了JavaScript中的location、history、navigator對象實(shí)例介紹,需要的朋友可以參考下2023-05-05
幾個javascript操作word的參考代碼，對于具體的調(diào)用代碼，大家可以參考我們的上一篇文章。2009-10-10
實(shí)例：盡可能寫友好的Javascript代碼...2006-10-10
Javascript的常規(guī)數(shù)組和關(guān)聯(lián)數(shù)組對比小結(jié)
關(guān)聯(lián)數(shù)組雖然可以用字符串作下標(biāo)，但是這個下標(biāo)是不支持參數(shù)傳值的，換言之，你需要什么就取什么，聽起來很智能，實(shí)際上你取值仍然需要你手動去寫下標(biāo)的2012-05-05
完美實(shí)現(xiàn)js選項(xiàng)卡切換效果(二)
這篇文章主要為大家詳細(xì)介紹如何完美實(shí)現(xiàn)js選項(xiàng)卡切換效果，通過設(shè)置定時器實(shí)現(xiàn)延時0.5s切換選項(xiàng)卡，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
JS實(shí)現(xiàn)的簡潔二級導(dǎo)航菜單雛形效果
這篇文章主要介紹了JS實(shí)現(xiàn)的簡潔二級導(dǎo)航菜單雛形效果,通過簡單的JavaScript響應(yīng)鼠標(biāo)事件遍歷頁面元素實(shí)現(xiàn)二級導(dǎo)航菜單切換的效果,非常簡單實(shí)用,需要的朋友可以參考下2015-10-10
今天翻開舊項(xiàng)目發(fā)現(xiàn)挺多圖片相關(guān)的插件都是用?base64?來顯示圖片的。談到?base64，腦海遐想翩翩，思緒回蕩之下?base64?瑕瑜互見。這篇文章主要是記錄了工作中遇見的問題并加以總結(jié)，如有不妥請指正2023-02-02
uni-app跨端自定義指令實(shí)現(xiàn)按鈕權(quán)限操作
實(shí)現(xiàn)uni-app自定義指令按鈕權(quán)限需要涉及到對于vue.config.js新增loader配置，基礎(chǔ)正則知識，webpack的loader開發(fā)和調(diào)試，以及npm本地調(diào)試和發(fā)布，接下來就從了解這些前置知識開始，需要的朋友可以參考下2023-01-01
閉包（closure）是Javascript語言的一個難點(diǎn)，也是它的特色，很多高級應(yīng)用都要依靠閉包實(shí)現(xiàn)。小編之前一直糊里糊涂的，沒有能夠弄明白JavaScript的閉包到底是什么，有什么用，本文把自己的理解些出來分享一下，希望不理解JavaScript閉包的朋友們看了之后能夠理解閉包！2016-01-01