感觉很流畅的js实现的键盘控制（带惯性）_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:37:25

感觉很流畅的js实现的键盘控制（带惯性）_javascript技巧

感觉很流畅的js实现的键盘控制（带惯性）_javascript技巧:感觉很流畅的键盘控制（带惯性） ask var keyCache = []; var isCache = false; var cacheNum = 0; document.onkeydown = insertKey; document.onkeyup = function(){if(!isCache && event.keyCod

推荐度：

点击下载本文 文档为doc格式

导读感觉很流畅的js实现的键盘控制（带惯性）_javascript技巧:感觉很流畅的键盘控制（带惯性） ask var keyCache = []; var isCache = false; var cacheNum = 0; document.onkeydown = insertKey; document.onkeyup = function(){if(!isCache && event.keyCod

感觉很流畅的键盘控制（带惯性）

<body> 
 
<button onclick="alert(keyCache.length)">ask</button> 
</body> 
 
var keyCache = []; 
var isCache = false; 
var cacheNum = 0;

document.onkeydown = insertKey; 
document.onkeyup = function(){if(!isCache && event.keyCode>=37&& event.keyCode<=40) keyCache.length = 0;}

window.setInterval("writeCache()", 50);

function writeCache(){ 
 if(keyCache.length==0) return;

var kc = keyCache.shift();

switch(kc){ 
 case 37: man.style.left = parseInt(man.style.left) - 5;break; 
 case 38: man.style.top = parseInt(man.style.top) - 5;break; 
 case 39: man.style.left = parseInt(man.style.left) + 5;break; 
 case 40: man.style.top = parseInt(man.style.top) + 5;break; 
 }

if(isCache) cacheNum++; 
 if(cacheNum == 5){ 
 isCache = false; 
 cacheNum = 0; 
 } 
} 
</ script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

感觉很流畅的js实现的键盘控制（带惯性）_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签： javascript 感觉很流畅的js实现的键盘控制(带惯性)_javascript技巧感觉很流畅的js实现的键盘控制(带惯性)

热门焦点

感觉很流畅的js实现的键盘控制（带惯性）_javascript技巧

感觉很流畅的js实现的键盘控制（带惯性）_javascript技巧

感觉很流畅的js实现的键盘控制（带惯性）_javascript技巧

最新推荐

猜你喜欢

热门推荐