A few days ago I received a call from Marius Corîci of CTF365.com, who had just run into hackertyper.com and, being rather amused and excited by what he saw, asked me to come up with a similar concept for their sign-up page.
After a bit of fumbling around the jQuery API, I gathered all the event handlers that I needed and got to work. At first I was tempted to use an
<textarea> tag, but after realizing that there was no way for me to hide the cursors that those come with, I figured out that I'll just have to listen to
$(document).on('keypress') events and manually add the content to the page. As I was slowly adding support for the various commands (I won't spoil you by mentioning which ones), it slowly dawned upon me: there's no way this is going to work on mobile. Why? No. Keyboard.