脚本控制焦点在输入框移动

该博客主要介绍了使用Javascript脚本控制焦点在输入框移动的方法。通过编写vbscript函数,根据输入框的tabIndex属性,在按下回车键时将焦点移动到下一个输入框,还对可能出现的异常情况进行了处理。
None.gif<HTML>
None.gif
<HEAD>
None.gif
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
None.gif
<TITLE>Javascript控制焦点移动</TITLE>
ExpandedBlockStart.gifContractedBlock.gif
<SCRIPT LANGUAGE=vbscript>dot.gif
InBlock.gif
<!--
InBlock.gif
function next_focus(text)
InBlock.gifon error resume next 
InBlock.gif
InBlock.gifdim tabIndex1 '下一个文本框的标志
InBlock.giftabIndex1
=text.tabIndex +1
InBlock.gif
InBlock.gif
if window.event.keyCode =13 then
InBlock.gif 
for k=0 to document.all.length 
InBlock.gif  
if UCase(document.all (k).tagName) ="INPUT" then 
InBlock.gif   set input1
=document.all (k)
InBlock.gif   If UCase(input1.Type) 
= "TEXT" Then '如果是可输入的文本框
InBlock.gif    
if input1.tabIndex = tabIndex1 then 
InBlock.gif     num
=num+1
InBlock.gif     input1.focus()
InBlock.gif     pass
=true
InBlock.gif     exit 
for
InBlock.gif    end 
if 
InBlock.gif   end 
if
InBlock.gif  end 
if 
InBlock.gif next
InBlock.gifend 
if
InBlock.gif
InBlock.gif
if Err.number > 0 then
InBlock.gif'表示当前操作的已经是最后一个可以获取焦点的对象
InBlock.gif'只有文本框、按钮类元素才有focus()属性
InBlock.gif'alert(
"异常发生")
InBlock.gif'alert(Err.description )
InBlock.gif'如果上面这行不注释,会提示异常发生:缺少对象
InBlock.gifend 
if
InBlock.gifend 
function 
ExpandedBlockEnd.gif
//-->
None.gif
</SCRIPT>
None.gif
</HEAD>
None.gif
<BODY>
None.gif
<P><INPUT id=text1 name=text1 tabIndex=1 onkeyup=" next_focus(me)">第1个</P>
None.gif
<P><INPUT id=text2 name=text2 tabIndex=3 onkeyup=" next_focus(me)">第3个</P>
None.gif
<P><INPUT id=text4 name=text4 tabIndex=2 onkeyup=" next_focus(me)">第2个</P>
None.gif
<P><INPUT id=text5 name=text5 tabIndex=5 onkeyup=" next_focus(me)">第5个</P>
None.gif
<p><INPUT id=text3 name=text3 tabIndex=4 onkeyup=" next_focus(me)">第4个</p>
None.gif
</BODY>
None.gif
</HTML>
None.gif

转载于:https://www.cnblogs.com/applegreen/archive/2005/07/01/184566.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值