管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

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

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

　　

<body> 
<div id="man" style="position:absolute;width:50px;height:40px;top:200px;left:200px;background:red"></div> 
<button onclick="alert(keyCache.length)">ask</button> 
</body> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Avar%20keyCache%20%3D%20%5B%5D%3B%20%0D%0Avar%20isCache%20%3D%20false%3B%20%0D%0Avar%20cacheNum%20%3D%200%3B%20%0D%0A%0D%0Adocument.onkeydown%20%3D%20insertKey%3B%20%0D%0Adocument.onkeyup%20%3D%20function()%7Bif(!isCache%20%26%26%20event.keyCode%3E%3D37%26%26%20event.keyCode%3C%3D40)%20keyCache.length%20%3D%200%3B%7D%20%0D%0A%0D%0Afunction%20insertKey()%7B%20%0D%0A%20%20%20%20var%20kc%20%3D%20event.keyCode%3B%20%0D%0A%20%20%20%20if(kc%3E%3D37%20%26%26%20kc%3C%3D40)%7B%20%0D%0A%20%20%20%20%20%20%20%20if(kc!%3DkeyCache%5BkeyCache.length-1%5D)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20keyCache.length%20%3D%200%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20keyCache.push(kc%2Ckc%2Ckc%2Ckc%2Ckc%2Ckc)%20%20%20%2F%2F%E4%BF%9D%E8%AF%81%E6%B5%81%E7%95%85%E5%A4%9A%E6%B3%A8%E5%85%A5%EF%BC%96%E4%B8%AA%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20isCache%20%3D%20true%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20keyCache.push(kc)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0Awindow.setInterval(%22writeCache()%22%2C%2050)%3B%20%0D%0A%0D%0Afunction%20writeCache()%7B%20%0D%0A%20%20%20%20if(keyCache.length%3D%3D0)%20return%3B%20%0D%0A%0D%0A%20%20%20%20var%20kc%20%3D%20keyCache.shift()%3B%20%0D%0A%0D%0A%20%20%20%20switch(kc)%7B%20%0D%0A%20%20%20%20%20%20%20%20case%2037%3A%20man.style.left%20%3D%20parseInt(man.style.left)%20-%205%3Bbreak%3B%20%0D%0A%20%20%20%20%20%20%20%20case%2038%3A%20man.style.top%20%3D%20parseInt(man.style.top)%20-%205%3Bbreak%3B%20%0D%0A%20%20%20%20%20%20%20%20case%2039%3A%20man.style.left%20%3D%20parseInt(man.style.left)%20%2B%205%3Bbreak%3B%20%0D%0A%20%20%20%20%20%20%20%20case%2040%3A%20man.style.top%20%3D%20parseInt(man.style.top)%20%2B%205%3Bbreak%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20if(isCache)%20cacheNum%2B%2B%3B%20%0D%0A%20%20%20%20if(cacheNum%20%3D%3D%205)%7B%20%0D%0A%20%20%20%20%20%20%20%20isCache%20%3D%20false%3B%20%0D%0A%20%20%20%20%20%20%20%20cacheNum%20%3D%200%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E">

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

教程首页更多教程