JavaScript响应键盘事件

JavaScript 键盘事件:

1. keydown():

    按键按下时,触发该事件;

2. keyup();

    按键按下松开时,触发该事件;


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>监听键盘按键</title>
<script type="text/javascript" src="http://labfile.oss.aliyuncs.com/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(
   function(){
   	document.onkeydown = function(){
    var ev = window.event;
   if(ev.keyCode==37 || ev.keyCode==65){//方向键左和A被按下,下同

    		alert("刚刚按下的是 向上按键");
    }
  }
	document.onkeyup = function(){
    var ev = window.event;
  
 if(ev.keyCode==37 || ev.keyCode==65){//方向键左和A被释放,下同

    		alert("刚刚释放的是 向上按键");
    }
  }
});
</script>
</head>

JQuery按键事件:

/监听键盘的上下左右移动
$(document).keydown(function(event) {
var ev = event || window.event;
    switch (ev.keyCode) {
        case 37: //left
            ev.preventDefault();
            break;
        case 38: 
           ...
           break;
        case 39:
           ...
           break;
        case 40:
           ...
           break;
  }
     

猜你喜欢

转载自blog.csdn.net/Franklin7B/article/details/81541202