js切换光标示例代码
(编辑：jimmy 日期: 2025/5/17 浏览：3 次 )
复制代码 代码如下:
<!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>
<script type="text/javascript">
var t;
function a()
{
document.getElementById('input1').focus();
t=setTimeout("b()",3000);
//clearTimeout(t);
//document.getElementById('input2').focus();
//document.getElementById('input1').focus();
}
function b()
{
clearTimeout(t);
document.getElementById('input2').focus();
}
function c()
{
setTimeout("document.getElementById('input3').focus()",500);
}
</script>
</head>
<body>
<input id="testButton" type="button" onclick="a()" value='btn1'>
<input type="text" id="input1">
<input type="text" id="input2">
<input id="testButton1" type="button" onclick="c()" value='btn2'>
<input type="text" id="input3">
</body>
</html>
光标停留一段时间，跳到别一个方本框中去……
<!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>
<script type="text/javascript">
var t;
function a()
{
document.getElementById('input1').focus();
t=setTimeout("b()",3000);
//clearTimeout(t);
//document.getElementById('input2').focus();
//document.getElementById('input1').focus();
}
function b()
{
clearTimeout(t);
document.getElementById('input2').focus();
}
function c()
{
setTimeout("document.getElementById('input3').focus()",500);
}
</script>
</head>
<body>
<input id="testButton" type="button" onclick="a()" value='btn1'>
<input type="text" id="input1">
<input type="text" id="input2">
<input id="testButton1" type="button" onclick="c()" value='btn2'>
<input type="text" id="input3">
</body>
</html>
光标停留一段时间，跳到别一个方本框中去……
下一篇：jquery获取div距离窗口和父级dv的距离示例