当前位置：Gxlcms > JavaScript > 感觉很流畅的js实现的键盘控制（带惯性）

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

时间：2021-07-01 10:21:17 帮助过：35人阅读

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

<body> 
 
<button onclick="alert(keyCache.length)">ask</button> 
</body> 
<script> 
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实现的键盘控制（带惯性）

人气教程排行