A jQuery plugin that adds a keystroke and mouse visualizer to your browser window. Similar to keycastr application for the mac, except this only works inside the browser window.
Features
Works with jQuery versions 1.2+.
Keycaster will show all typed keys when the browser window has focus.
Mouse clicks anywhere inside the browser viewport will be visualized. Different colors (blue, black, green, grey, red & white) provided.
If the click animation seen on mouseup interferes with any page elements, use "shift-click" to force the animation to occur under the element.
Download and install this plugin on your site to always have this feature available.
Or, just use the Bookmarklet:
This bookmarklet will allow you to use Keycaster on any site without needing to install it.
Drag this bookmarklet (Keycaster) into your browser bookmarks and just click on it when you need it.
Once loaded, click the bookmarklet again or type Shift-F1 to open the options panel.
Pressing escape or clicking the "x" in the upper right corner will close the options panel.
Demo
Type or click anywhere on the page
Input:
Text Area:
Radio:
Select:
Note: When clicking on the select box above, Safari will only show mouse click animation on mousedown and since there isn't a way to differentiate Chrome & Safari, Chrome will show animation on both mousedown & mouseup.