2014-10-18 22 views
3

使用HTML正文是否可以阻止用戶使用Page Up,Page Down,向上和向下箭頭鍵從滾動功能?

overflow: hidden 

我設法控制下的網頁的滾動流動。是否也可以阻止用戶使用Page Up,Page Down,向上和向下箭頭鍵從滾動功能?

+2

你爲什麼想這樣做?這是一種糟糕的做法和糟糕的設計。專注於制定一個好的設計,而不是限制用戶的選擇。回到你的問題,是的,它可以在javascript的幫助下完成。只需使用preventDefault禁用關鍵事件或返回false即可。 – 2014-10-18 14:22:15

+2

謝謝你的回答,我會朝着這個方向前進。你能否也請給我一個鏈接,其中有一些很好的理由證明這種方法是一種不好的做法/設計?再次感謝我的朋友... – pebox11 2014-10-18 14:25:41

+0

我沒有鏈接來確定這一事實。但是,如果默認功能沒有被更好的功能取代,那麼它不應該被篡改。儘管如果禁用密鑰對您的設計非常重要,那麼您可以繼續下面的答案。 – 2014-10-18 14:42:15

回答

0

使用preventDefault()

window.onkeydown=function(e){ 
    if(e.keycode==33 || e.keycode==34 || e.keycode==38 || e.keycode==40){ 
     e.preventDefault(); 
    } 
} 
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; 
}); 
0

37 - 左 38 - 高達 39 - 右 40 - 向下

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

DEMO: FIDDLE

相關問題