Looking for an answer similar to this SO post on moving a div with arrow keys, could a simple and clear 'no' be sufficient:
Is it possible to turn an overflowing div into a "default scroll target" that responds to arrow-up/down/page-down/space key presses in the same way as an overflowing document (i.e. scrolling down the content)? The page itself has no scrollbar (like in the example below). Specifically, is there a way to achieve this without manually tracking key events (neither directly nor hidden by a JavaScript library)?
<html>
<body>
<div id="contentcontainer" style="height:200px;width:200px;overflow:scroll">
<div id="innercontent" style="height:2000px;">foo</div>
</div>
</body>
</html>
Edit: It seems the above code works only after clicking inside the div. Essentially, I am looking for a solution that does not require that step...