HTML5 - Canvas Number Input

[Hatsune Miku 「 」]

Hi, does anyone know how to get user input from a keylistener and input numbers on a canvas?

Is there a method of implementing a text cursor to signal where the text is going to be input and enter keys?

Also can you set text boundaries?

Here is my current code for letter input:

					window.addEventListener("keyup", keyUpHandler, true);					function addletter(letter) {						keyHistory += letter;						ctx.clearRect(0, 0, 300, 300);						ctx.fillText(keyHistory, 20, 20);					}					function keyUpHandler(event) {						var letters = "abcdefghijklmnopqrstuvwxyz";						var key = event.keyCode;						if (key > 64 && key < 91) {							var letter = letters.substring(key - 64, key - 65);							addletter(letter);						}					}