表单填写时用回车代替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; 



时间: 2024-10-23 10:31:37

表单填写时用回车代替TAB的实现方法_表单特效的相关文章

表单填写时用回车代替TAB的实现方式

关键之处在于tabindex,其设计思想是:为每个表单元素设置一个tabindex,其值分别为前一个表单元素的tabindex的值加一,函数的功能就是当用户按下回车键时先将当前tabindex的值加一,而后逐一与每个表单元素的tabindex值进行对比,如若相等,则将焦点移至该表单元素之上.     首先,我们需要在表单体中设定一个onkeyup事件:    <form name="xxx" action="YYY.asp" method="post

页面只有一个text的时候,回车自动submit的解决方法_表单特效

简单的页面html代码如下 复制代码 代码如下: <html> <head> <title>test</title> <script language="javascript"> function test(){ if(event.which || event.keyCode){ if(event.which==13 || event.keyCode==13){ ajaxpost(); return false; }else{

JavaScript判断表单提交时哪个radio按钮被选中的方法_javascript技巧

本文实例讲述了JavaScript判断表单提交时哪个radio按钮被选中的方法.分享给大家供大家参考.具体分析如下: 这里的表单提交时通过JavaScript判断哪个radio按钮被选中了 <script type="text/javascript"> function findButton() { var myForm = document.forms.animalForm; var i; for(i=0;i<myForm.marsupial.length; i++

iexplore.exe在打开网页时CPU使用会100%的解决方法_病毒查杀

CPU占用100%解决办法  一般情况下CPU占了100%的话我们的电脑总会慢下来,而很多时候我们是可以通过做一点点的改动就可以解决,而不必问那些大虾了.  当机器慢下来的时候,首先我们想到的当然是任务管理器了,看看到底是哪个程序占了较搞的比例,如果是某个大程序那还可以原谅,在关闭该程序后只要CPU正常了那就没问题:如果不是,那你就要看看是什幺程序了,当你查不出这个进程是什幺的时候就去google或者 baidu 搜.有时只结束是没用的,在 xp下我们可以结合msconfig里的启动项,把一些不

刷新时清空文本框内容的js代码_表单特效

在做注册页面(.htm静态格式)时, 我想在刷新时(如F5,而不是提交表单后的返回)把开始输入文本框的内容清空 要怎么做呢? 只有密码框可以,其它的框默认保留了开始输入的信息 复制代码 代码如下: <body onload="document.forms[0].reset()">

javascript 自动填写表单的实现方法_表单特效

本文没有什么技术上创新,只要会一点Javascript的技术就可以写了. 第一步: 在页面查看源代码,把Form中包含的需要填列的HTML控件找出来如: <form name="mainfrm" action="" method="post"> <input type="text" name="username"/> <input type="submit"

点击表单提交时出现jQuery没有权限的解决方法_jquery

今天遇到个问题 我点击表单提交的时候会出现 jQuery 没有权限 : 百度了一堆都是说 jquery跨域之类的原因,比对项目,发现没有这样的原因:但是还是受到其中的启发,使用json可以防止这类问题,但是他们提供的办法都比较复杂,需要改前台和后台. 试了一下jquery自带的json方式提交成功! $.post("actionName.action",{"id":值,"name":值}, function(data){ if(data==&qu

勾选时激活input 否则禁用的javascript代码_表单特效

复制代码 代码如下: window.onload = function(){ var price = document.getElementById('price'); price.disabled = true; price.style.padding = '2px 3px'; price.style.background = '#eee'; price.style.border = '1px solid #ccc'; var tj = document.getElementById('tj'

option挡住div解决方法_表单特效

下拉菜单 bbbbbbb ccccccc ccccccc ccccccc ccccccc test0test1test2test3 Div被Select挡住,是一个比较常见的问题. 有的朋友通过把div的内容放入iframe或object里来解决. 可惜这样会破坏页面的结构,互动性不大好. 这里采用的方法是: 虽说div直接盖不住select 但是div可以盖iframe,而iframe可以盖select, 所以,把一个iframe来当作div的底, 这个div就可以盖住select了. 以上是