首页 > 编程语言 > 详细

JavaScript或jQuery中使用键盘控制对象运动

时间:2017-02-25 17:28:15      阅读:162      评论:0      收藏:0      [点我收藏+]
<div id="monkey"><img src="img/monkey.png" ></div>

 

在JavaScript中,

document.onkeydown=function(){
    var e = event || window.event || arguments.callee.caller.arguments[0];
    var monkey=doucument.getElementById("monkey");if(e && e.keyCode==39){ 
       var mleft=monkey.offsetLeft+10;
    monkey.offsetLeft=mleft+"px";
}); }

 

在jQuery中,

 

$(document).keydown(function(e){ 
    var $monkey=$("#monkey");
    if(e.which==39){ //当用户按下→键的时候触发(39为键盘中的→键)
        $a=$monkey.offset().left;
     $monkey.offset(function(index, banana) {//使用jQuery中的offset方法控制div的偏移
        bananeX=new Object();
        bananeX.left=banana.left+10;
        return bananeX;
           });
    }
});   

jQuery的offset()方法详解可查看http://www.w3school.com.cn/jquery/css_offset.asp

 

JavaScript或jQuery中使用键盘控制对象运动

原文:http://www.cnblogs.com/zmsister/p/6442054.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!