防止左/右按钮滚动页面

Question

我有一个包含滑块的iframe。滑块允许使用左/右键箭头在图片之间导航，但如果页面上有水平滚动，则页面也可以使用左/右键箭头滚动。有没有办法防止页面滚动，而不是iframe中幻灯片之间的导航。代码如下所示：

if (e.keyCode === 39) {
  next();
}
if (e.keyCode === 37) {
  prev();
}

谢谢。

Answer 1

您应该应用e.preventDefault();来终止事件的默认行为。

Answer 2

一种

$(document).on("keypress", function () {
    if (e.keyCode === 39 || e.keyCode === 37) {
        return
    }
});