分享一个同部文本框中的内容js代码和一个类似于输入序列号码自动跳到新的文本框中效果js.
代码如下:
<script language="JavaScript">
function addu(eventHandler)
{
var tbt = document.getElementsByTagName('input');
for(var i=0;i<tbt.length;i++)
{
if(tbt[i].getAttribute('tb') == 'true')
{
if(tbt[i].addEventListener)
{
tbt[i].addEventListener('keyup',eventHandler,true);
}
else
{
tbt[i].attachEvent('onkeyup',eventHandler);
}
}
}
}
function addInput(e)
{
var obj = e.target ? e.target : e.srcElement;
var tbt = document.getElementsByTagName('input');
for(var i=0;i<tbt.length;i++)
{
if(tbt[i].getAttribute('tb') == 'true'&&tbt[i]!=obj)
{
tbt[i].value = obj.value;
}
}
}
window.onload = function()
{
addu(addInput);
}
</script>
<input size="35" value="" tb="true" />
<input size="35" value="" tb="true" />
<input size="35" value="" tb="true" />
输入序列号时常用的让焦点自动跳转的特效
在以下的四个文本框中,在每个文本框中输入限定字符自动跳到下一个文本框的效果
代码如下
<script language="javascript">
function c1_onkeyup() {
if(document.card.c1.value.length==4){
document.card.c2.focus();
}
}
function c2_onkeyup() {
if(document.card.c2.value.length==4){
document.card.c3.focus();
}
}
function c3_onkeyup() {
if(document.card.c3.value.length==4){
document.card.c4.focus();
}
}
//
</script>
<form method="POST" name="card">
输入内容:
<input type="text" name="c1" size="4" maxlength="4" language="javascript" onkeyup="return c1_onkeyup()">-
<input type="text" name="c2" size="4" maxlength="4" language="javascript" onkeyup="return c2_onkeyup()">-
<input type="text" name="c3" size="4" maxlength="4" language="javascript" onkeyup="return c3_onkeyup()">-
<input type="text" name="c4" size="4" maxlength="4">
</form>
如果觉得js太乱还可以实用本站的
js工具对js代码进行格式化整理更方便与修改与阅读.