一聚教程网:一个值得你收藏的教程网站

热门教程

解决WEB页面上"焦点控制"2种方法--如回车使光标在在TEXTBOX之间移动(

时间:2022-07-02 23:41:52 编辑:袖梨 来源:一聚教程网

 
方法1:from 听棠.NET
用客户端脚本在页面添加document的onkeydown事件,让页面在接受到回车事件后,进行Tab键的功能,即只要把event的keyCode由13变为9
 VBScript代码:
 
Javascript代码如下:

这样的处理方式,可以实现焦点往下移动,但对于按钮也起同样的作用,一般的客户在输入完资料以后,跳到按钮后,最好能直接按"回车"进行数据的提交.因此,对上面的方法要进行一下修改,应该对于"提交"按钮不进行焦点转移.而直接激活提交.
 
因此我对上面的代码进行了一个修改,即判断事件的"源",是否为提交按钮,代码如下:

注:这个方法真的很好,试验成功的
方法2:
围绕我们要解决的问题,这里我们重点提一下Document、Form、Elements三个对象及Onkeypress事件,Document 文档对象:是指描述当前窗口或指定窗口对象的文档。它包含了文档从到的内容。用法:document (当前窗口)或 <窗口对象>.document (指定窗口) ; Form 对象:document.forms[] 是一个数组,包含了文档中所有的表单Form ;Elements对象:为表单元素对象,<表单对象>.elements 是一个数组,包含了该表单所有的对象;Onkeypress事件是一个键盘事件,是在用户按下键盘上的键时引发的事件。通过这三大对象再配合Onkeypress事件就可以完成现我们的要求;

热门栏目