title: How to prevent context menu in an iframe?
body: <p>I am trying to prevent browsers's context menu from showing on the event 'Right click' on every element 'iframe' but it isn't working -- the context menu is still working<br>
  here is my code: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function () {
         $("iframe").each(function(){
             $(this).on("contextmenu",function(e){
                 e.preventDefault(); //return false;
             });
         });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;iframe src="http://www.google.com"&gt;&lt;/iframe&gt;</code></pre>
  </div>
  </div>
  </p>