按空格键滚动浏览-Chrome

Question

Symptom: when the user presses spacebar in Google Chrome , the page scrolls down a bit.

Why is it so important for me?

I develop a UNIX shell terminal simulator, in which users can enter text commands that include spaces. They just jump away on space press, and that's very annoying.

The alternate solutions are not what I really want:

• setting position:fixed on the terminal OR
• setting overflow:hidden on body
• removing the scrollbar and making a fake one using jQuery

I'm asking you for a possible better solution before I started putting effort into making an 'artificial' scrollbar on the right. Anyone who faced similar issue, what have you done?

Answer 1

Have you considered using event.preventDefault() ?

Something like:

document.body.addEventListener("keydown", function (event) {
     if (event.keyCode === 32 && event.target === document.body) {
         event.preventDefault();
     }
}, false);