HTML prevent space bar from scrolling page

by

Try checking if target is the body:

window.addEventListener('keydown', function(e) {
  if(e.keyCode == 32 && e.target == document.body) {
    e.preventDefault();
  }
});
body { height: 100000px; }
<input />
<textarea></textarea>

Demo

More Related Contents:

  1. Firefox Web Console Disabled?
  2. form with no action and where enter does not reload page
  3. Google’s Imageless Buttons
  4. Is it possible to make input fields read-only through CSS?
  5. script links without href=”#”
  6. button onclick function firing twice
  7. Fire oninput event with jQuery
  8. Disable drop paste in HTML input fields? [duplicate]
  9. Detect if dropdown navigation would go off screen and reposition it
  10. Iframe inherit from parent
  11. How to show fullscreen popup window in javascript?
  12. How to change button text or link text in JavaScript?
  13. Reading multiple files with Javascript FileReader API one at a time
  14. copying the value of a form’s file input field to another form’s input field
  15. Converting sanitised html back to displayable html
  16. Creating a Clickable Grid in a Web Browser
  17. Checking if a textbox is empty in Javascript
  18. Freeze Header until Irrelevant (HTML, CSS and JS)
  19. How can I fix Highcharts error #13?
  20. Why do two web pages have different localStorage? How can I fix this?
  21. Rename Object Key in an array using javascript
  22. How to apply background-color to a selected option?
  23. D3 put arc labels in a Pie Chart if there is enough space
  24. canvas- Cropping images in different shapes
  25. How to delete an HTML element inside a div with attribute contentEditable?
  26. converting a javascript string to a html object [duplicate]
  27. Open link in new window or focus to it if already open
  28. Use of Template with HTML Custom Elements
  29. How to encrypt HTML, CSS and JavaScript to prevent copyright infringement [duplicate]
  30. onclick=”location.href=’link.html'” does not load page in Safari

Leave a Comment