模拟填ip时的功能和onkeyup的使用
来源:互联网 发布:索尼电视是什么软件 编辑:程序博客网 时间:2024/05/21 10:12
<html>
<head>
<title>l.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
function moveNext(object, index) {
if (object.value.length == 4) {
document.forms[0].elements[index + 1].focus();
}
}
function showResult() {
var f = document.forms[0];
var result = "";
for(var i = 0; i < 4; i++) {
result += f.elements[i].value;
}
alert(result);
}
</script>
</head>
<body onload="document.forms[0].elements[0].focus();">
<form>
<input type="text"" size="3" maxlength="4" onkeyup="moveNext(this,0)">-
<input type="text"" size="3" maxlength="4" onkeyup="moveNext(this,1)">-
<input type="text"" size="3" maxlength="4" onkeyup="moveNext(this,2)">-
<input type="text"" size="3" maxlength="4" onkeyup="moveNext(this,3)">
<input type="button" value="显示" onclick="showResult()">
</form>
</body>
</html>
<head>
<title>l.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
function moveNext(object, index) {
if (object.value.length == 4) {
document.forms[0].elements[index + 1].focus();
}
}
function showResult() {
var f = document.forms[0];
var result = "";
for(var i = 0; i < 4; i++) {
result += f.elements[i].value;
}
alert(result);
}
</script>
</head>
<body onload="document.forms[0].elements[0].focus();">
<form>
<input type="text"" size="3" maxlength="4" onkeyup="moveNext(this,0)">-
<input type="text"" size="3" maxlength="4" onkeyup="moveNext(this,1)">-
<input type="text"" size="3" maxlength="4" onkeyup="moveNext(this,2)">-
<input type="text"" size="3" maxlength="4" onkeyup="moveNext(this,3)">
<input type="button" value="显示" onclick="showResult()">
</form>
</body>
</html>
0 0
- 模拟填ip时的功能和onkeyup的使用
- js文本框两级联动,及onkeyup和onkeydown的使用。
- onkeypress和onkeydown以及onkeyup的区别
- onkeyup,onkeydown和onkeypress的区别介绍
- onkeyup,onkeydown和onkeypress的区别介绍
- onkeyup,onkeydown和onkeypress的区别介绍
- javascript的onkeyUp方法
- JSP 使用正则表达式监听文本域的ONKEYUP事件
- onkeypress、onkeydown和onkeyup 等之间的关系
- Activity 中对onKeyDown和onKeyUp的处理
- MFC OnChar、OnKeyDown、OnKeyUp和PreTranslateMessage的关系
- JavaScript里onkeyup,onkeydown和onkeypress的区别介绍
- onkeydown、onkeyup、onclick、onchange、oninput、onpropertychange 的用法和区别
- 重写ComboBox的OnkeyUp方法
- onkeypress onkeyup onkeydown 的区别
- onkeypress,onkeyup,onkeydown的区别
- 文本框onkeyup事件的验证
- onkeyup,onkeydown,onkeypress的区别
- DB2在线备份
- Linux系统调用 int 80h int 0x80
- MySQLl修改表、字段、库的字符集
- Struts2+spring+jdbc 以xml配置形式整合
- Python自学笔记(三)条件和循环
- 模拟填ip时的功能和onkeyup的使用
- 一个字符串替换小工具 (2013.12.28 updated)
- Android---最大限度的减少定期更新对电池的影响
- 标识接口的作用
- 看Instgram课程分享笔记
- UFLDL Tutorial_Building Deep Networks for Classification
- .NET 中的Equals以及==
- [算法面试] 25道常见算法面试题
- 十六周——填空学指针