Show the event object for the keydown handler when a key is pressed in the input.

Edit code and click me	Your Result (Some examples do not work in Google Chrome):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> fieldset { margin-bottom: 1em; } input { display: block; margin-bottom: .25em; } #print-output { width: 100%; } .print-output-line { white-space: pre; padding: 5px; font-family: monaco, monospace; font-size: .7em; } </style> <script src="http://code.jquery.com/jquery-1.5.js" type="text/javascript"></script> <script type="text/javascript" src="http://xhtml.co.il//scripts/events.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ var xTriggered = 0; $('#target').keydown(function(event) { if (event.keyCode == '13') { event.preventDefault(); } xTriggered++; var msg = 'Handler for .keydown() called ' + xTriggered + ' time(s).'; $.print(msg, 'html'); $.print(event); }); $('#other').click(function() { $('#target').keydown(); }); }); </script> </head> <body> <form> <fieldset> <label for="target">Type Something:</label> <input id="target" type="text" /> </fieldset> </form> <button id="other"> Trigger the handler </button> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself