| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 953 人关注过本帖
标题:表单填写时用回车代替TAB的实现方式
取消只看楼主 加入收藏
honrry
Rank: 1
等 级:新手上路
帖 子:103
专家分:0
注 册:2004-6-2
收藏
 问题点数:0 回复次数:1 
表单填写时用回车代替TAB的实现方式

关键之处在于tabindex,其设计思想是:为每个表单元素设置一个tabindex,其值分别为前一个表单元素的tabindex的值加一,函数的功能就是当用户按下回车键时先将当前tabindex的值加一,而后逐一与每个表单元素的tabindex值进行对比,如若相等,则将焦点移至该表单元素之上。 首先,我们需要在表单体中设定一个onkeyup事件: <form name="xxx" action="YYY.asp" method="post" onkeyup="return changefocus_onkeyup()" language="javascript"> 其次,在每一个表单元素中设定一个tabindex值,假定该表单有三个元素,则我们分别设定tabindex值如下: <input type=text name="txtName" size="16" tabindex=1> <input type=checkbox name="chkSign" tabindex=2> <textarea name="tarContent" tabindex=3> 最后,写出changefocus函数如下: function newinfo_form_onkeyup() { key=window.event.keyCode; if(key==0xD)//判断是否按下回车键 { CurTabIndex=event.srcElement.tabIndex+1//将当前tabindex的值加1 for (n=0;n<newinfo_form.elements.length;n++) { if (newinfo_form.elements[n].tabIndex==CurTabIndex) //找到下一个表单元素 { newinfo_form.elements[n].focus(); //移动焦点 return true; } } } }

搜索更多相关主题的帖子: TAB 表单 回车 代替 
2004-08-05 00:10
honrry
Rank: 1
等 级:新手上路
帖 子:103
专家分:0
注 册:2004-6-2
收藏
得分:0 

挺细心的阿。


2004-08-06 12:18
快速回复:表单填写时用回车代替TAB的实现方式
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.011701 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved