<HTML>
<HEAD><TITLE>html键盘松开事件</TITLE>
</HEAD>
<BODY>
<script type="text/javascript">
function up(e, o){
var idName = o.id.split('-');
var x = parseInt(idName[0]);
var y = parseInt(idName[1]);
if(e.keyCode == 37){ // 左
y -= 1;
}else if(e.keyCode == 38){ // 上
x -= 1;
}else if(e.keyCode == 39){ // 右
y += 1;
}else if(e.keyCode == 40){ // 下
x += 1;
}
if(x < 1)x = 1;
if(x > 2)x = 2;
if(y < 1)y = 1;
if(y > 3)y = 3;
var abcd = document.getElementById(x + '-' + y);
abcd.focus();
}
</script>
<input id="1-1" type="input" οnkeyup="up(event, this)"/> <input id="1-2" type="input" οnkeyup="up(event, this)"/> <input id="1-3" type="input" οnkeyup="up(event, this)"/><br>
<input id="2-1" type="input" οnkeyup="up(event, this)"/> <input id="2-2" type="input" οnkeyup="up(event, this)"/> <input id="2-3" type="input" οnkeyup="up(event, this)"/><br>
按上下左右键来看看效果
</BODY>
</HTML>
<script type="text/javascript">
window.onload = function(){
var a = document.getElementById('1-1');
a.focus();
}
</script>
html键盘松开事件
最新推荐文章于 2023-02-01 12:32:34 发布