html键盘松开事件

最新推荐文章于 2022-08-31 10:26:47 发布

bing_lang

最新推荐文章于 2022-08-31 10:26:47 发布

阅读量2.1k

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/gxlstone/article/details/28275255

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<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>

bing_lang

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html键盘松开事件

js键盘松开事件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){ //
复制链接

扫一扫