键盘控制列表选择时，整个页面也会随着按键移动，怎么解决-慕课网

首页课程实战体系课手记专栏慕课教程

键盘控制列表选择时，整个页面也会随着按键移动，怎么解决

来源：5-1 编程挑战

葡萄烈酒

2016-07-07 15:02

请教一下，键盘上下键控制列表时，整个页面也移动了，怎么让页面固定，只动列表

写回答关注

2回答

web开发小菜鸟

2016-07-12 23:44:08

已采纳

找了半天才知道onkeyup不能阻止默认行为，只有在onkeydown和onkeypress才能阻止默认行为。

1 1

葡萄烈酒

非常感谢！

2016-07-16 21:47:45

共 1 条回复 >
慕姐1549997

2016-07-07 18:56:36
```
function (e){
    e = event || window.event;
    e.preventDefault ? e.preventDefault() : e.returnValue = false;
}
```
阻止默认事件即可
2 0

慕姐1549... 回复葡萄烈酒

你需要理解阻止键盘默认事件就是将页面移动屏蔽了，阻止冒泡没有意义，应该是你的onkeyup事件不完善，可以参考一下别人的思路

2016-07-08 12:12:21

共 2 条回复 >

DOM事件探秘

DOM事件？本课程会通过实例来给小伙伴们讲解如何使用这些事件

99544 学习 · 1197 问题

相似问题

为什么按键盘方向键的时候整个页面也同时在上下移动？？要如何修改呢？？

回答 2

如果页面高度很高，出现滚动条，然后我按键盘向下键的时候，页面也会往下滑，这个要怎么解决？

回答 2

按向下键的同时，菜单选项向下移动，浏览器右边的滚动条也跟着跑怎么办。这个bug怎么改

回答 2

为什么document.onclick没有作用，还有如何用键盘上下键实现选择表单

回答 2

键盘事件，控制台显示缺少对象

回答 1

打开慕课网App查看更多内容