用 js 实现键盘控制图片移动的事例

1、这里就介绍一些 这个页面的功能，主要是实现在 方框（div）内，由键盘自由的控制移动图片；（方框就是范围）；然后有三个功能键，作用大家看图应该都可以明白；下图是 页面 架构；（图片大家可以自己准备，路径没错图片可以任意换的）

3、然后就是 js 部分 ，先是获取 div img 和 button 对象；之后豹肉钕舞设置 一个 敲击 键盘触发的事件；获取 d2 的 宽和高 （外部的 left 和 top 是为了以防要用 ，其实可以不获取的），获取 img 的 left 和 top ，这是控制移动的关键，img 的宽和高 是为了后面的限制在边框；