码迷,mamicode.com
首页 > 其他好文 > 详细

键盘事件

时间:2017-04-18 19:16:32      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:get   event   按键   case   var   键盘   div   ntb   style   


<style>
         .demo{
                   position: absolute;
                   width:100px;
                   height: 100px;
                   background: #ccc;
                 }
</style>



<div id="demo" class="demo"></div>


<script>
           var demo=document.getElementById(‘demo‘);
           document.onkeyup=function(ev){   //键盘事件(按键松开时发生)
               var e=ev||event;
               switch(e.keyCode){    //  keyCode:键码值
                                          case 37:
                                          demo.style.left=(demo.offsetLeft-5)+"px";break;      // 偏移
                                          case 39:
                                          demo.style.left=(demo.offsetLeft+5)+"px";break;
                                          case 38:
                                          demo.style.top=(demo.offsetTop-5)+"px";break;
                                          case 40:
                                          demo.style.top=(demo.offsetTop+5)+"px";break;
                                        }
           }
</script>

键盘事件

标签:get   event   按键   case   var   键盘   div   ntb   style   

原文地址:http://www.cnblogs.com/mrluobiao/p/6729150.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!