jQuery Typing Script
June 15, 2013 / 595 Views

I wrote this simple jQuery typing script to mimic a simplified word processor. Kind of like a simple Google Docs. I’ve used jQuery keypress events some, but it was fun to hijack the backspace, and space keys and re-purpose them for typing. If you’re interested in seeing how I did it go ahead and download the code!

You can use any key to type. Pressing enter ‘commits’ the most recent typed characters into a group which can then be clicked on and edited. Editing opens a small popup window with options to bold, italicize, edit the existing text, and more. Pressing Enter twice will break to a new line. Use the arrow keys to navigate the typing cursor between groups to add new text or delete existing groups.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>