JS实现超过长度限制后自动跳转下一款文本框的方法
更新时间：2015年02月23日 16:05:34 作者：代码家园
这篇文章主要介绍了JS实现超过长度限制后自动跳转下一款文本框的方法,涉及javascript操作字符及本文框的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了JS实现超过长度限制后自动跳转下一款文本框的方法。分享给大家供大家参考。具体实现方法如下：
复制代码 代码如下:
<!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控制超过长度限制后自动跳转下一个文本框</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控制超过长度限制后自动跳转下一个文本框</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程序设计有所帮助。
相关文章
原生JS利用transform实现banner的无限滚动示例代码
这篇文章主要介绍了原生JS利用transform实现banner的无限滚动示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-06-06
JavaScript中的location、history、navigator对象实例介绍
这篇文章主要介绍了JavaScript中的location、history、navigator对象实例介绍,需要的朋友可以参考下2023-05-05
几个javascript操作word的参考代码，对于具体的调用代码，大家可以参考我们的上一篇文章。2009-10-10
实例：尽可能写友好的Javascript代码...2006-10-10
关联数组虽然可以用字符串作下标，但是这个下标是不支持参数传值的，换言之，你需要什么就取什么，听起来很智能，实际上你取值仍然需要你手动去写下标的2012-05-05
这篇文章主要为大家详细介绍如何完美实现js选项卡切换效果，通过设置定时器实现延时0.5s切换选项卡，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要介绍了JS实现的简洁二级导航菜单雏形效果,通过简单的JavaScript响应鼠标事件遍历页面元素实现二级导航菜单切换的效果,非常简单实用,需要的朋友可以参考下2015-10-10
今天翻开旧项目发现挺多图片相关的插件都是用 base64 来显示图片的。谈到 base64，脑海遐想翩翩，思绪回荡之下 base64 瑕瑜互见。这篇文章主要是记录了工作中遇见的问题并加以总结，如有不妥请指正2023-02-02
实现uni-app自定义指令按钮权限需要涉及到对于vue.config.js新增loader配置，基础正则知识，webpack的loader开发和调试，以及npm本地调试和发布，接下来就从了解这些前置知识开始，需要的朋友可以参考下2023-01-01
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。小编之前一直糊里糊涂的，没有能够弄明白JavaScript的闭包到底是什么，有什么用，本文把自己的理解些出来分享一下，希望不理解JavaScript闭包的朋友们看了之后能够理解闭包！2016-01-01
最新评论