解决WEB页面上焦点控制一法

2024-07-21 02:21:42

字体：大中小

来源：转载

供稿：网友

最大的网站源码资源下载站，

解决web页面上"焦点控制"一法

对于b/s的系统,在页面控制上不如c/s系统那么控制灵活,就如输入的焦点问题,客户都很想通过键盘对数据进行录入,这样的要求我想100个客户中会有90个吧.

因此解决焦点获取问题是必要的.大家可以从网上找到一些方法,不过都比较麻烦,我现在介绍一种很方便的.效果也很不错的方法给大家.

我前段时间看了ms的asp.net讲座,在里面谈到了如何让"回车键"使文本框的焦点一个个下移.其中提了三种方法,最好的一种是这样的:

用客户端脚本在页面添加document的onkeydown事件,让页面在接受到回车事件后,进行tab键的功能,即只要把event的keycode由13变为9

vbscript代码:

<script language="vbscript">

sub document_onkeydown

if event.keycode=13 then

event.keycode=9

end if

end sub

</script>

javascript代码如下:

<script language="javascript" for="document" event="onkeydown">



</script>

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

因此我对上面的代码进行了一个修改,即判断事件的"源",是否为提交按钮,代码如下:

<script language="javascript" for="document" event="onkeydown">



</script>

判断是否为button, 是因为在html上会有type="button"

判断是否为submit,是因为html上会有type="submit"

判断是否为reset,是因为html上的"重置"应该要被执行

判断是否为空,是因为对于html上的"<a>链接"也应该被执行,这种情况发生的情况不多,可以使用"tabindex=-1"的方式来取消链接获得焦点.

以上是我个人观点,我是在asp.net中进行系统开发的,我会把这个客户端脚本放在"basepage"中,其他页面都会继承他,从而可以在很多页面进行控制. 如有其他好办法,希望大家讨论.

听棠

上一篇：异步调用Web服务

下一篇：利用WebService技术实现远程数据库存取

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注