function toNext(obj){
if(obj.value.length==4&&obj.nextSibling.nextSibling.type=="text")
obj.nextSibling.nextSibling.select()
}
<input name="yes1" type="text" size="3" maxlength="2" onkeyup="toNext(this)">
—
<input name="yes2" type="text" size="3" maxlength="2" onkeyup="toNext(this)">
—
<input name="yes3" type="text" size="3" maxlength="2" onkeyup="toNext(this)">
if(obj.value.length==4&&obj.nextSibling.nextSibling.type=="text")
obj.nextSibling.nextSibling.select()
}
<input name="yes1" type="text" size="3" maxlength="2" onkeyup="toNext(this)">
—
<input name="yes2" type="text" size="3" maxlength="2" onkeyup="toNext(this)">
—
<input name="yes3" type="text" size="3" maxlength="2" onkeyup="toNext(this)">
if(obj.value.length==4&&obj.nextSibling.nextSibling.type=="text")
obj.nextSibling.nextSibling.select()
}
<input name="yes1" type="text" size="3" maxlength="4" onkeyup="toNext(this)">年
—
<input name="yes2" type="text" size="3" maxlength="2" onkeyup="toNext(this)">月
—
<input name="yes3" type="text" size="3" maxlength="2" onkeyup="toNext(this)">日
<html>
<script language=JavaScript>
function toNext(obj,str){
if(obj.value.length==str&&obj.nextSibling.nextSibling.type=="text")
obj.nextSibling.nextSibling.select()
}
</script>
<body>
<input name="yes1" type="text" size="3" maxlength="4" onkeyup="toNext(this,4)">年
—
<input name="yes2" type="text" size="3" maxlength="2" onkeyup="toNext(this,2)">月
—
<input name="yes3" type="text" size="3" maxlength="2">日
</body>
</html>
左移
var keyCode = window.event.keyCode;
if(keyCode == 37){
.......
}
右移
if(keyCode == 39){
..........
}
<input type=text>
<input type=text>
<script>
function keyDown()
{
if(event.keyCode==13)
{
event.keyCode=9;
return true;
}
}
document.onkeydown=keyDown;
document.captureEvents(Event.KEYDOWN);
</script>
<input type=text id="ReplaceID"><br>
<input type=button value="获取选择文本" onclick="TxtID.focus();window.confirm(document.selection.createRange().duplicate().text);">
<input type=button value="更改选择文本" onclick="TxtID.focus();document.selection.createRange().duplicate().text=ReplaceID.value;">
<input type=button value="移动光标" onclick="TxtID.focus();document.selection.createRange().moveStart('character',5);">
光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">
function autotab(original,destination){
if (original.getAttribute&&original.value.length==original.getAttribute("maxlength"))
destination.focus()
}</script><b>Enter the year:</b>
<form name="sampleform">
<input type="text" name="first" size=4 onKeyup="autotab(this, document.sampleform.second)" maxlength=4> <input type="text" name="second" size=4 onKeyup="autotab(this, document.sampleform.third)" maxlength=2> <input type="text" name="third" size=4 maxlength=2></form>