通过键盘的快捷键移动页面PDF、图像，图像的位置不能变化

一. 问题描述
通过键盘的快捷键和方向键移动页面元素（或者图像、照片、PDF）的位置，父容器的滚动条会出现滚动。我们需要效果，移动图像的时候，父容器滚动条不能滚动，图像的位置不能在页面上变化。

二. 解决方法
首先附上一个W3school相关方法教学的链接：
preventDefault()方法

这个问题涉及到了键盘监听事件，PageUp（33）和Pagedown（34）功能键在一些键盘上是和上下左右键重叠的，在使用快捷键 Pageup和Pagedown实现翻页功能的时候，有可能会触发浏览器通过上下键自动控制页面滚动条的动作，出现页面的位移。

想要解决这个问题，在键盘监听事件中，我们需要加上这样一行代码就可以了。这个preventDefault()方法，阻止元素发生默认的行为。

event.preventDefault();

注意：
添加这个方法我们需要注意，它的位置很重要，放到我们需要注销该功能的地方，不然会禁止一切的键盘功能。

本文参考了网友相关问题的介绍和解决方法，简单有效。