Is It Possible To Prevent Users Page Up, Page Down, Up And Down Arrow Keys From Scroll Functioning?
Using in html body overflow: hidden I managed to control the scroll flow of a webpage. Is it possible to also prevent users Page Up, Page Down, Up and Down arrow keys from scroll
Solution 1:
This was my solution:
var ar = newArray(33, 34, 38, 40);
$(document).keydown(function (e) {
var key = e.which;
if ($.inArray(key, ar) > -1) {
e.preventDefault();
returnfalse;
}
returntrue;
});
Solution 2:
Use preventDefault()
:
window.onkeydown=function(e){
if(e.keycode==33 || e.keycode==34 || e.keycode==38 || e.keycode==40){
e.preventDefault();
}
}
Solution 3:
37 - left 38 - up 39 - right 40 - down
$(document).keydown(function(e){
if(e.which>=36 && e.which<40){
e.preventDefault();
}
});
DEMO: FIDDLE
Post a Comment for "Is It Possible To Prevent Users Page Up, Page Down, Up And Down Arrow Keys From Scroll Functioning?"