title: Interested in tracking the events that get fired while user browses a site
body: <p>I was wondering if it's possible to do as follows:</p>
  
  <p>In my site I am using a lot of jQuery plugins that fire different events that I don't know about.</p>
  
  <p>Is there a way - a program, a browser add-on, or something else - that I can browse the site and get a list of the exact javascript events that were fired with every click?</p>
  
  <p>For example, I have a jQuery plugin that when I right click on any element a custom contextMenu shows and then when I click on one of the options other things come up. I need to know exactly what Javascript basic events were fired:</p>
  
  <pre><code> $('input:submit, button:submit').rightClick(function (e) {
      $(this).contextMenu('contextMenuInput', {
          'Capture This': {
              click: function (element) {   // element is the jquery obj clicked on when context menu launched
                  doSomething();
              },
              klass: "kgo" // a custom css class for this menu item (usable for styling)
          },
          'Create List': {
              click: function (element) {
              },
              klass: "kfilter kdisabled"
          },
          'Collect Data': {
              click: function (element) {
              },
              klass: "kcapture kdisabled"
          }
      },
      { disable_native_context_menu: true }
  );
  });
  </code></pre>
  
  <p>Does anyone have any idea?</p>