title: How do you log all events fired by an element in jQuery?
body: <p>I'd like to see all the events fired by an <strong>input field</strong> as a user interacts with it. This includes stuff like:</p>
  
  <blockquote>
    <ol>
    <li>Clicking on it.</li>
    <li>Clicking off it.</li>
    <li>Tabbing into it.</li>
    <li>Tabbing away from it.</li>
    <li><kbd>Ctrl</kbd>+<kbd>C</kbd> and <kbd>Ctrl</kbd>+<kbd>V</kbd> on the keyboard.</li>
    <li>Right click -> Paste.</li>
    <li>Right click -> Cut.</li>
    <li>Right click -> Copy.</li>
    <li>Dragging and dropping text from another application.</li>
    <li>Modifying it with Javascript.</li>
    <li>Modifying it with a debug tool, like Firebug.</li>
    </ol>
  </blockquote>
  
  <p>I'd like to display it using <code>console.log</code>. Is this possible in Javascript/jQuery, and if so, how do I do it?</p>