title: Prevent menu key from showing a context menu
body: <p>I know that the <a href="http://en.wikipedia.org/wiki/Menu_key" rel="nofollow noreferrer">keyboard menu key</a> is <code>keyCode === 93</code>.</p>
  <p>So I have the following code:</p>
  <pre><code>$(window).on(&quot;keydown&quot;, document, function(event){
      if (event.keyCode === 93)  {   //context menu
          console.log(&quot;context menu key&quot;, event);
          event.preventDefault();
          event.stopPropagation();
          return false;
      }
  });
  </code></pre>
  <p>Although the event <strong>does</strong> fire, and the <code>console</code> does get logged inside the if statement, <strong>but</strong> the context menu still shows even though <em><strong>both</strong></em> <code>event.preventDefault();</code> and <code>event.stopPropagation();</code> are present in my code.</p>
  <p>Is there any way to <strong>prevent</strong> the menu from being displayed?</p>
  <p>Demo for fiddling: <a href="http://jsfiddle.net/maniator/XJtpc/" rel="nofollow noreferrer">http://jsfiddle.net/maniator/XJtpc/</a></p>
  <hr />
  <p>For those of you who do not know what the &quot;menu&quot; key is:</p>
  <p><img src="https://i.stack.imgur.com/sgzBP.jpg" alt="" /></p>