Prevent browser's context menu from showing on iframes

https://stackoverflow.com/questions/45154979/html-jquery-browser-feature-not-prevented

by Brian Kueck

HTML

<iframe></iframe>
<div id="div1" class="lime-square"></div>

CSS

.lime-square {
  background-color: lime;
  border: 1px solid black;
  height: 100px;
  width: 100px;
}

JavaScript

$(document).ready(function () {
       $("iframe").contextmenu(function(e) {
           	alert('blocked');
            e.preventDefault();
       });
  
       $("#div1").contextmenu(function(e) {
           	alert('blocked');
            e.preventDefault();
       });
});