是否可以阻止用户向上翻页,向下翻页,向上和向下箭头键滚动功能?

时间:2014-10-18 14:11:02

标签: html css html5 scroll

在html正文中使用

overflow: hidden

我设法控制了网页的滚动流程。是否也可以阻止用户向上翻页,向下翻页,向上和向下箭头键滚动功能?

3 个答案:

答案 0 :(得分:0)

使用preventDefault()

window.onkeydown=function(e){
   if(e.keycode==33 || e.keycode==34 || e.keycode==38 || e.keycode==40){
       e.preventDefault();
   }
}

答案 1 :(得分:0)

这是我的解决方案:

var ar = new Array(33, 34, 38, 40);

$(document).keydown(function (e) {
    var key = e.which;
    if ($.inArray(key, ar) > -1) {
        e.preventDefault();
        return false;
    }
    return true;
});

答案 2 :(得分:0)

37 - 离开 38 - 起来 39 - 对 40 - 下来

$(document).keydown(function(e){
   if(e.which>=36 && e.which<40){
       e.preventDefault();
   }
});

DEMO:FIDDLE