使用HTML正文是否可以阻止用戶使用Page Up,Page Down,向上和向下箭頭鍵從滾動功能?
overflow: hidden
我設法控制下的網頁的滾動流動。是否也可以阻止用戶使用Page Up,Page Down,向上和向下箭頭鍵從滾動功能?
使用HTML正文是否可以阻止用戶使用Page Up,Page Down,向上和向下箭頭鍵從滾動功能?
overflow: hidden
我設法控制下的網頁的滾動流動。是否也可以阻止用戶使用Page Up,Page Down,向上和向下箭頭鍵從滾動功能?
使用preventDefault()
:
window.onkeydown=function(e){
if(e.keycode==33 || e.keycode==34 || e.keycode==38 || e.keycode==40){
e.preventDefault();
}
}
這是我的解決方案:
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;
});
37 - 左 38 - 高達 39 - 右 40 - 向下
$(document).keydown(function(e){
if(e.which>=36 && e.which<40){
e.preventDefault();
}
});
DEMO: FIDDLE
你爲什麼想這樣做?這是一種糟糕的做法和糟糕的設計。專注於制定一個好的設計,而不是限制用戶的選擇。回到你的問題,是的,它可以在javascript的幫助下完成。只需使用preventDefault禁用關鍵事件或返回false即可。 – 2014-10-18 14:22:15
謝謝你的回答,我會朝着這個方向前進。你能否也請給我一個鏈接,其中有一些很好的理由證明這種方法是一種不好的做法/設計?再次感謝我的朋友... – pebox11 2014-10-18 14:25:41
我沒有鏈接來確定這一事實。但是,如果默認功能沒有被更好的功能取代,那麼它不應該被篡改。儘管如果禁用密鑰對您的設計非常重要,那麼您可以繼續下面的答案。 – 2014-10-18 14:42:15