JS實現(xiàn)超過長度限制后自動跳轉(zhuǎn)下一款文本框的方法
更新時間：2015年02月23日 16:05:34 作者：代碼家園
這篇文章主要介紹了JS實現(xiàn)超過長度限制后自動跳轉(zhuǎn)下一款文本框的方法,涉及javascript操作字符及本文框的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)超過長度限制后自動跳轉(zhuǎn)下一款文本框的方法。分享給大家供大家參考。具體實現(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è)計有所幫助。
相關(guān)文章
下面小編就為大家?guī)硪黄钊肜斫釰avaScript中的浮點數(shù)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了webpack4.x開發(fā)環(huán)境配置方法,結(jié)合實例形式詳細(xì)分析了webpack4.x的具體安裝、項目創(chuàng)建、打包操作等相關(guān)問題與處理技巧,需要的朋友可以參考下2018-08-08
這篇文章主要為大家詳細(xì)介紹了如何利用原生js實現(xiàn)分頁效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
javascript 操作文件 實現(xiàn)方法小結(jié)
可以通過瀏覽器在訪問者的硬盤上創(chuàng)建文件 JavaScript操作文件系統(tǒng)創(chuàng)建快捷方式2009-07-07
這篇文章主要介紹了JS求平均值的小例子，有需要的朋友可以參考一下2013-11-11
這篇文章主要介紹了javascript常用函數(shù)，再來15個常用函數(shù)，都具有很高的實用性，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了js實現(xiàn)的Easy Tabs選項卡用法,以完整實例形式較為詳細(xì)的分析了JavaScript鼠標(biāo)事件動態(tài)操作頁面元素樣式的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)九宮格翻牌動畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
微信小程序如何調(diào)用json數(shù)據(jù)接口并解析
這篇文章主要介紹了微信小程序如何調(diào)用json數(shù)據(jù)接口并解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-06-06
在JavaScript中，有時需要準(zhǔn)確知道一個變量的類型，顯然typeof函數(shù)不能滿足這個要求，這個函數(shù)在大多數(shù)情況下都返回object。2010-05-05