javascript - prevent scrolling with arrow keys

Question

how can i prevent a html page from scrolling when arrow keys are pressed if a iframe inside it is focused?

im gettting this error in chrome

The iframe is focused, i know its focused. the parent scrolls anyway.

Answer 1

The following code inside the iframe document will prevent it from scrolling:

document.onkeydown = function(evt) {
    evt = evt || window.event;
    var keyCode = evt.keyCode;
    if (keyCode >= 37 && keyCode <= 40) {
        return false;
    }
};