易网时代-编程资源站
Welcome
微信登录
编程资源
图片资源库
蚂蚁家优选
首页
/
脚本样式
/
JavaScript
/
感觉很流畅的js实现的键盘控制（带惯性）
感觉很流畅的键盘控制（带惯性）
<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;} function insertKey（）{ var kc = event.keyCode; if（kc>=37 && kc<=40）{ if（kc！=keyCache[keyCache.length-1]）{ keyCache.length = 0; keyCache.push（kc,kc,kc,kc,kc,kc） //保证流畅多注入６个 isCache = true; } keyCache.push（kc）; } } 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需刷新才能执行]
收藏该网址
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站