方向键移动元素位置，如何禁止父容器滚动条的滚动

一. 问题

方向键移动div元素位置，父容器的滚动条会出现滚动。我们需要效果，移动元素的时候，父容器不能滚动。

二. 解决方法

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

  event.preventDefault();

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