title: JQuery on('contextmenu') for body, but special one class
body: <p>I have a big div (whole page) and inside of it I have smaller one:</p>
  
  <pre><code>&lt;div class="all"&gt;
      &lt;div class="tiny"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><code>div.all</code> is like a board for me, <code>div.tiny</code> is a little rectangle on it.
  I want to show my special context menu any time anything (or nothing) in <code>div.all</code> will get RMB. But when I RMB on <code>div.tiny</code>, I don't want to execute that "default" procedure, but some (even more special) code. I have tried with:</p>
  
  <pre><code>jQuery('body').on("contextmenu", ".all", function(){ /* special stuff */});
  
  jQuery('body').off("contextmenu", ".all .tiny"); /* &lt;- tried to turn off my...*/
  /*...special stuff for .tiny that way*/
  
  jQuery('body').on("contextmenu", ".tiny", function(){ 
      /* even more special stuff */
  });
  </code></pre>
  
  <p>When I run it, RMB on <code>div.all</code> or elements inside of it, I get "special stuff" done. But when I click RMB on <code>div.tiny</code> I get both "special stuff" <strong>(which I don't want)</strong> and "even more special stuff" (it's so special, how I cannot want it!).</p>
  
  <p>Any solution?</p>
  
  <p>To make life harder, I cannot change the order (the first <code>jQuery()</code> for <code>div.all</code>, THAN my functions for <code>div.tiny</code>) - in my real project things are more complicated and I have to keep that order for some reasons (still it's look pretty reasonable - from global events to precise one).</p>