Suppressing a Browsers Default Right Click Menu - refinement?
<p>Ok so as far as I understand it so far we have 2 approaches</p>

<p>Firstly some javascript which I can employ within a given script. But this switches right click off for everything.</p>

<pre><code>window.oncontextmenu = function() {
        return false;
};
</code></pre>

<p>or in the html can code</p>

<pre><code>&lt;body oncontextmenu="return false;"&gt;
</code></pre>

<p>but I cannot thus far find anywhere that will give me javascript or jquery solution where I can apply this to a given selector. Is this simply not possible or am I mis-understanding something.</p>

<p>I am finding that on a single right click my submenu appears immediately followed by the browser's default menu. The only way I have found to suppress this is setting oncontextmenu to false. Is there a more refined solution?</p>

<p><strong>Further Note to accepted answer</strong></p>

<p>Also applied successfully on a dynamic menu using delegate:</p>

<pre><code>$(document).on("contextmenu", "#existing_Flavours .field_Input_Left.flavour", function(){
        return false;   // suppress browsers default right click menu
});
</code></pre>
