<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

總結

以上是生活随笔為你收集整理的JavaScript或jQuery中使用键盘控制对象运动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。