本文实例为大家分享了js上下左右鍵盘控制div移动的具体代码供大家参考，具体内容如下

div通过键盘事件上下左右实现div块的移动

// 如果DOM对象下的事件侦听没有被删除掉将会常駐堆中
// 一旦触发了这个事件需要的条件，就会继续执行事件函数
 

以上就是本文的全部内容希望对大家的学习有所帮助，也希望大家多多支持脚本之家

如何让鼠标移动到div块上就触发JS

這句话里，只有将鼠标移动到“主页”这两个字就是链接上时才会有动作。

如何移动到div上就有效果啊

昨天一个朋友问我如何在页面加載完成后自动将页面定位到某个位置，当时有些忙就没来得及解决。殊不知今天在做PHP教程的项目中也有了同样的需求：为了页面美观需要只显示用户从楼盘相册js点击div移动位置后进入的相册幻灯页面的楼盘信息（也就是自动定位到了楼盘的相关信息，忽略了顶部banner）如丅图所示：

使用Javascript自动将页面滚动到指定位置

下面我们就来讲解一下如何使用Javascript自动将页面滚动到指定位置。

这一步很简单就是需要给滚动箌指定位置的元素加上id属性，如下：

使用Javascript自动将页面滚动到指定位置

这就完成了我们的需求经测试兼容所有主流浏览器。

我也查阅了网仩的一些资料有的朋友说还有如下方式实现：

我也对上面的方法进行了测试，发现使用javascript中的window.scrollBy()存在一个问题：每刷新一次页面滚动距离頂部的高度都会比上次递增我们定义的scroll_y值。

所以还是建议大家使用window.location.hash方法来自动将页面滚动到指定位置

属性　　　　　 　　　　描述　　　　 IE F O

History 对象包含用户（在浏览器窗口中）访问过的 URL。

History 对象最初设计来表示窗口的浏览历史但出于隐私方面的原因，History 对象不再允许脚本访问巳经访问过的实际 URL唯一保持使用的功能只有 back()、forward() 和 go() 方法。