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

用不着这样把。。。。。

<script language="javascript"> function Check() { if(event.keyCode=13) event.keyCode=9; } </script>

<input type="text" onKeydown="JavaScript:Check()"> <input type="button" onKeydown="JavaScript:Check()" value=test> <input type="text" onKeydown="JavaScript:Check()">

唉,这个问题怎么又跑ASP版来了,这属于JS

[此贴子已经被作者于2004-08-06 11:16:13编辑过]


天津网站建设 http://www./
2004-08-05 00:29
哈马拟
Rank: 1
等 级:新手上路
帖 子:270
专家分:0
注 册:2004-7-15
收藏
得分:0 
以下是引用grief在2004-08-05 00:29:04的发言:

用不着这样把。。。。。

<script language="javascript"> function Check() { if(event.keyCode=13) event.keyCode=9; } </script>

<input type="text" onKeydown="JavaScript:Check()"> <input type="button" onKeydown="JavaScript:Check()" value=test> <input type="text" onKeydown="JavaScript:Check()">

唉,这个问题怎么又跑ASP版来了,这属于JS

好像有点小错误吧?

注意上面红色的那条语句:

应该改为event.keyCode==13 是吗?


2004-08-05 23:51
honrry
Rank: 1
等 级:新手上路
帖 子:103
专家分:0
注 册:2004-6-2
收藏
得分:0 

挺细心的阿。


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



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

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