I'm trying not to use third party scripts such as jQuery, because I am learning javascript itself.
Basically, I want to detect when a key has been pressed so that I can move a circle around. I successfully achieved this by adding into the body element:
<body onkeydown='keyboard.keydown(event)'></body>
Problem is, a keypress events can happen from all elements. This isn't really the way I want to do it because I would like to have input forms on the same document.

Well, I've tried onkey events inside of the canvas element but nothing happens! The only thing that seems to get through is onclick and I don't know why. I've googled and the only thing that I find is jQuery stuff. Any ideas from the Javascript guru's?