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

<div id="monkey"><img src="img/monkey.png" ></div>

 

在JavaScript中，

document.οnkeydοwn=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

 

转载于:https://www.cnblogs.com/zmsister/p/6442054.html