zoukankan      html  css  js  c++  java
  • 键值控制

    键值监听

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>onkeydown</title>
    </head>
    <body>
    	<div id="div" style="100px;height: 100px;background: blue;position:absolute;top:0;left:0;"></div>
    </body>
    <script type="text/javascript">
    	var oDiv = document.getElementById('div');
    	var timer = null ;
    	var iCode = {}; 
    	document.onkeydown = function(ev){
            var ev = ev || window.event ;
            iCode[ev.keyCode]= true;//获取键值。
            console.log(iCode);//利用JSON存储
        }
    	document.onkeyup = function(ev){
            var ev = ev || window.event ;
            iCode[ev.keyCode] = false ;
    	}
    	timer = setInterval(function(){
           if(iCode[37]){//左键
            	oDiv.style.left = oDiv.offsetLeft - 10 + 'px'; 
           }if(iCode[38]){ //上键
            	oDiv.style.top = oDiv.offsetTop - 10 + 'px';
           }if(iCode[39]){//右键
            	oDiv.style.left = oDiv.offsetLeft + 10 + 'px'; 
           }if(iCode[40]){ //下键
            	oDiv.style.top = oDiv.offsetTop+ 10 + 'px'; 
    	   }
    	},20);
    </script>
    </html>
    

      

  • 相关阅读:
    thunkify 模块
    koa框架异步返回值的操作(co,koa-compose)
    ES6 基础版迭代器
    静态类在线程中的共享问题
    AWS远程登录
    系统状体检测命令
    常用系统命令
    文本文件查看命令
    vim
    查看md5
  • 原文地址:https://www.cnblogs.com/zhaozhou/p/7541395.html
Copyright © 2011-2022 走看看