JavaScript实现自动跳转文本功能
程序员文章站
2022-06-20 10:36:19
贴一段自动跳转文本的代码实现：
实现代码：
文本跳转</ti...</div>
<div class="content">
<p>贴一段自动跳转文本的代码实现：</p>
<p>实现代码：</p>
<div class="jb51code">
<pre class="brush: javascript;">
<html>
<head>
<title>文本跳转</title>
<style type=text/css>
body{
margin-top: 10px;
font-size: 10pt;
margin-left: 10px;
margin-right: 0px;
font-family: "微软雅黑"
}
</style>
<meta http-equiv=content-type content="text/html; charset=gb2312">
</head>
<body>
<script type="text/javascript">
function inbox1() {
if(document.code.box1.value.length == 4) {
document.code.box2.focus();
}
}
function inbox2() {
if(document.code.box2.value.length == 4) {
document.code.box3.focus();
}
}
function inbox3() {
if(document.code.box3.value.length == 4) {
document.code.box4.focus();
}
}
</script>
<formname="code" action="" method="post">输入：
<input maxlength="4" size="4" name="box1" onkeyup="return inbox1()">-
<input maxlength="4" size="4" name="box2" onkeyup="return inbox2()">-
<input maxlength="4" size="4" name="box3" onkeyup="return inbox3()">-
<input maxlength="4" size="4" name="box4">
</form>
</body>
</html>
</pre>
</div>
<p>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。<br></p> </div>
<div class="info-pre-next">
<p>
上一篇： <a href="/article/1463653.html">
不要忘记了QQ空间的作用 那里里依旧有人群活跃 </a>
</p>
<p>
下一篇： <a href="/article/1463655.html">
Asp.Net套用母版页后元素ID不一致(个人总结) </a>
</p>
</div>
<div class="wz_tuijian">
<p>
推荐阅读 </p>
<ul>
<li>
<a href="/article/2150787.html" target="_blank" title="JavaScript实现倒计时跳转页面功能【实用】">
<h2>
JavaScript实现倒计时跳转页面功能【实用】 </h2>
</a>
</li>
<li>
<a href="/article/2149349.html" target="_blank" title="JavaScript实现的XML与JSON互转功能详解">
<h2>
JavaScript实现的XML与JSON互转功能详解 </h2>
</a>
</li>
<li>
<a href="/article/2148335.html" target="_blank" title="javascript实现网页分享至朋友圈功能">
<h2>
javascript实现网页分享至朋友圈功能 </h2>
</a>
</li>
<li>
<a href="/article/2146011.html" target="_blank" title="JavaScript实现自动跳转文本功能">
<h2>
JavaScript实现自动跳转文本功能 </h2>
</a>
</li>
<li>
<a href="/article/2145668.html" target="_blank" title="python+selenium实现自动抢票功能实例代码">
<h2>
python+selenium实现自动抢票功能实例代码 </h2>
</a>
</li>
<li>
<a href="/article/2143699.html" target="_blank" title="Asp.net 中mvc 实现超时弹窗后跳转功能">
<h2>
Asp.net 中mvc 实现超时弹窗后跳转功能 </h2>
</a>
</li>
<li>
<a href="/article/2143650.html" target="_blank" title="jsp实现用户自动登录功能">
<h2>
jsp实现用户自动登录功能 </h2>
</a>
</li>
<li>
<a href="/article/2141472.html" target="_blank" title="用javascript实现的图片马赛克后显示并切换加文字功能">
<h2>
用javascript实现的图片马赛克后显示并切换加文字功能 </h2>
</a>
</li>
<li>
<a href="/article/2140543.html" target="_blank" title="js跳转功能的实现教程">
<h2>
js跳转功能的实现教程 </h2>
</a>
</li>
<li>
<a href="/article/2139582.html" target="_blank" title="Input文本框随着输入内容多少自动延伸的实现">
<h2>
Input文本框随着输入内容多少自动延伸的实现 </h2>
</a>
</li>
</ul>
</div>
</article>
</div>
</main>
<footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body>
</html>