Dancing Square

   :: 首页 ::  ::  :: 管理

      这阵子在找关于event的信息和资料,在js中常看到应用event的例子,但window的属性和方法中我一直都找不到这样的属性或方法,苦恼中。。今天看到一些资料先引进来研究一下再说。。。

      下面抄两个event使用的例子,以供分析和学习:

1.问题:如何按回车光标按顺序一个个文本框跳,跳到"提交"再提交?

参考链接:
http://www.blueidea.com/bbs/NewsDetail.asp?id=79353

方法:将你要排序的对象的TabIndex属性按次序从小到大赋值,编一个函数,用window.event.keyCode来获取用户的按键,如果是13则是回车键,那么就执行:window.event.keyCode=9;在对象的onkeydown事件里面来捕获keyCode啊
代码如下:
<HTML>
<HEAD>
<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
<!--
function tabclick() {
    if (window.event.keyCode==13) {
        window.event.keyCode=9
    }
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<P><INPUT id=text1 name=text1 tabIndex=0 LANGUAGE=javascript onkeydown="return tabclick()"></P>
<P><INPUT id=text2 name=text2 tabIndex=1 LANGUAGE=javascript onkeydown="return tabclick()"></P>
<P><INPUT id=text3 name=text3 tabIndex=2 LANGUAGE=javascript onkeydown="return tabclick()"></P>
</BODY>
</HTML>

2.问题:只让输入数字的输入框
<body>
<script>
function JHshNumberText(){
if ( !(((window.event.keyCode >= 48) && (window.event.keyCode <= 57))    //ascii码
|| (window.event.keyCode == 13) || (window.event.keyCode == 46) 
|| (window.event.keyCode == 45)))
{
window.event.keyCode = 0 ;
}

</script>
<form name=frm>
<input type=text name=test value="" onKeypress="JHshNumberText()">
<input type=button name=submit value=submit>
</form>
</body>

posted on 2005-06-01 14:51 Dancer 阅读(972) 评论(0)  编辑 收藏 引用 所属分类: 软件技术
只有注册用户登录后才能发表评论。