• 软件测试技术
  • 软件测试博客
  • 软件测试视频
  • 开源软件测试技术
  • 软件测试论坛
  • 软件测试沙龙
  • 软件测试资料下载
  • 软件测试杂志
  • 软件测试人才招聘
    暂时没有公告

字号: 小 中 大 | 推荐给好友 上一篇 | 下一篇

javascript网页制作中表单相关特效整理

发布: 2007-7-01 18:47 | 作者: admin | 来源: | 查看: 23次 | 进入软件测试论坛讨论

领测软件测试网

只能是一些限定的东西

ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9" >


只能是中文<input onkeyup="value=value.replace(/[ -~]/g,@#@#)" onkeydown="if(event.keyCode==13)event.keyCode=9">


屏蔽输入法<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">


只能输入英文和数字<input onkeyup="value=value.replace(/[\W]/g,@#@#) "onbeforepaste="clipboardData.setData(@#text@#,clipboardData.getData(@#text@#).replace(/[^\d]/g,@#@#))" onkeydown="if(event.keyCode==13)event.keyCode=9">


只能是数字<input onkeyup="value=value.replace(/[^\d]/g,@#@#) "onbeforepaste="clipboardData.setData(@#text@#,clipboardData.getData(@#text@#).replace(/[^\d]/g,@#@#))">


只能显示,不能修改<input readonly value="只能显示,不能修改">

只能是数字,判断按键的值。
<script language=javascript>
function onlyNum()
{
if(!((event.keyCode> =48&&event.keyCode<=57)||(event.keyCode> =96&&event.keyCode<=105)||(event.keyCode==8)))
event.returnValue=false;
}
</script>
<input onkeydown="onlyNum();">

附:获取键盘的KeyCode

<html>
<head>
<script language="javascript">
ns4 = (document.layers) ? true : false;
ie4 = (document.all) ? true : false;
function keyDown(e){
if(ns4){
var nkey=e.which;
var iekey=@#现在是ns浏览器@#;
var realkey=String.fromCharCode(e.which);
}
if(ie4){
var iekey=event.keyCode;
var nkey=@#现在是ie浏览器@#;
var realkey=String.fromCharCode(event.keyCode);
if(event.keyCode==32){realkey=@#\@# 空格\@#@#}
if(event.keyCode==13){realkey=@#\@# 回车\@#@#}
if(event.keyCode==27){realkey=@#\@# Esc\@#@#}
if(event.keyCode==16){realkey=@#\@# Shift\@#@#}
if(event.keyCode==17){realkey=@#\@# Ctrl\@#@#}
if(event.keyCode==18){realkey=@#\@# Alt\@#@#}
}
alert(@#ns浏览器中键值:@#+nkey+@#\n@#+@#ie浏览器中键值:@#+iekey+@#\n@#+@#实际键为@#+realkey);
}
document.onkeydown = keyDown;
if(ns4){
document.captureEvents(Event.KEYDOWN);}
</script>
</head>
<body>
//Javascript Document.
<hr>
<center>
<h3> 请按任意一个键。。。。</h3>
</center>
</body>
</html>

限制网页用键盘

<body onkeydown="alert(@#禁用@#);return false;">
限制键盘的某个键:body onkeydown="if(event.keyCode==num){alert(@#禁用@#);return false;}

[1]    

延伸阅读

文章来源于领测软件测试网 https://www.ltesting.net/


关于领测软件测试网 | 领测软件测试网合作伙伴 | 广告服务 | 投稿指南 | 联系我们 | 网站地图 | 友情链接
版权所有(C) 2003-2010 TestAge(领测软件测试网)|领测国际科技(北京)有限公司|软件测试工程师培训网 All Rights Reserved
北京市海淀区中关村南大街9号北京理工科技大厦1402室 京ICP备2023014753号-2
技术支持和业务联系:[email protected] 电话:010-51297073

软件测试 | 领测国际 | ISTQB | ISTQB官网 | TMMi | TMMi认证 | 国际软件测试工程师认证 | 领测软件测试网