粘贴数据实现自动tab效果

mzli 2007-10-03 01:51:39

复制一串数组如：01 02 03 04 05 06 07

粘贴到下面7个输入框的表单时，像某些软件粘贴注册码那样自动tab并粘贴？

 <input type=text name=num1>

<input type=text name=num2>

<input type=text name=num3>

<input type=text name=num4>

<input type=text name=num5>

<input type=text name=num6>

<input type=text name=num7>

...全文

236 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

hbhbhbhbhb1021 2007-10-12

打赏
举报

<html xmlns="http://www.w3.org/1999/xhtml" >
<head >
<title >Untitled Page </title >
<script type="text/javascript" >
function chaifen()
{
var val = window.clipboardData.getData("text");
var array = val.split("-");
if(array != "")
{
document.getElementById("num1").value = (array[0])?array[0]:"";
document.getElementById("num2").value = (array[1])?array[1]:"";
document.getElementById("num3").value = (array[2])?array[2]:"";
document.getElementById("num4").value = (array[3])?array[3]:"";
document.getElementById("num5").value = (array[4])?array[4]:"";

}
//01-02-03-04-05
}
</script >
</head >
<body >
<form id="form1" >
<div >
<input type=text name=num1 >
<input type=text name=num2 maxlength="2">
<input type=text name=num3 maxlength="2">
<input type=text name=num4 maxlength="2">
<input type=text name=num5 maxlength="2">
<input type=button name=button1 value="自动填写" onclick="chaifen()">
</div>
</form>
</body>
</html>

china2001ok 2007-10-07

打赏
举报

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title >Untitled Page </title >
<script type="text/javascript" >
function chaifen()
{
var val = document.getElementsByName("num1")[0].value;
var array = val.split("-");
if(array != "")
{
document.getElementsByName("num1")[0].value = array[0];
document.getElementsByName("num2")[0].value = array[1];
document.getElementsByName("num3")[0].value = array[2];
document.getElementsByName("num4")[0].value = array[3];
document.getElementsByName("num5")[0].value = array[4];

}
//01-02-03-04-05
}
</script >
</head >
<body >
<form id="form1">
<div >
<input type=text name=num1 onkeyup="chaifen()" onfocus="this.select()" >
<input type=text name=num2 maxlength="2" >
<input type=text name=num3 maxlength="2" >
<input type=text name=num4 maxlength="2" >
<input type=text name=num5 maxlength="2" >

</div >
</form >
</body >
</html >

china2001ok 2007-10-07

打赏
举报

undefined 呵呵

tantaiyizu 2007-10-07

打赏
举报

帮 up

mzli 2007-10-05

打赏
举报

o(∩_∩)o...接近了

yifuzhiming 2007-10-04

打赏
举报

从琏铁板里面读取分析

sunday1013 2007-10-04

打赏
举报

期待中

火星求索 2007-10-04

打赏
举报

我实现的效果，学习~
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function chaifen()
{
var val = document.getElementsByName("num1")[0].value;
var array = val.split("-");
if(array != "")
{
document.getElementsByName("num1")[0].value = array[0];
document.getElementsByName("num2")[0].value = array[1];
document.getElementsByName("num3")[0].value = array[2];
document.getElementsByName("num4")[0].value = array[3];
document.getElementsByName("num5")[0].value = array[4];

}
//01-02-03-04-05
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type=text name=num1 onkeyup="chaifen()" onfocus="this.select()">
<input type=text name=num2 maxlength="2">
<input type=text name=num3 maxlength="2">
<input type=text name=num4 maxlength="2">
<input type=text name=num5 maxlength="2">

</div>
</form>
</body>
</html>

mzli 2007-10-03