html键盘松开事件

最新推荐文章于 2023-02-01 12:32:34 发布

原创最新推荐文章于 2023-02-01 12:32:34 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

html 专栏收录该内容

2 篇文章

订阅专栏

<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" onkeyup="up(event, this)"/> <input id="1-2" type="input" onkeyup="up(event, this)"/> <input id="1-3" type="input" onkeyup="up(event, this)"/><br>
<input id="2-1" type="input" onkeyup="up(event, this)"/> <input id="2-2" type="input" onkeyup="up(event, this)"/> <input id="2-3" type="input" onkeyup="up(event, this)"/><br>
按上下左右键来看看效果

</BODY>
</HTML>
<script type="text/javascript">
   window.onload = function(){
   var a = document.getElementById('1-1');
   a.focus();
}


</script>