如何禁用右键单击 IFRAME

Question

我在 MVC Web 应用程序的 IFrame 上显示了一个文档内容。 不应复制和打印内容。 我尝试使用两个函数 style="pointer-events:none;" 禁用右键单击 iframe 的 oncontextmenu="return false" 工作正常。 但是在右键单击时，会显示“查看框架源”、“查看源”的弹出窗口。 我怎么能限制这个。！ 另外，如何限制打印屏幕选项。 我知道还有其他实用程序可供任何人捕获数据。 但是客户想要限制打印屏幕选项。

<script lang=JavaScript>
    function clickIE() {
        if (document.all) {
            return false;
        }
    }
    function clickNS(e) {
        if (document.layers || (document.getElementById && !document.all)) {
            if (e.which == 2 || e.which == 3) {
                return false;
            }
        }
    }
    if (document.layers) {
        document.captureEvents(Event.MOUSEDOWN);
        document.onmousedown = clickNS;`enter code here`
    }
    else {
        document.onmouseup = clickNS;
        document.oncontextmenu = clickIE;
    }
    document.oncontextmenu = new Function("return false")

<body   oncontextmenu="return false" onkeydown="if ((arguments[0] || window.event).ctrlKey) return false" >
<div  id="div1" style="background-color:Red; height:120px">


  <iframe id="id1" src="" name="I1" scrolling="no" height="100%" width="100%" marginwidth ="0" marginheight="0" onload="disableContextMenu();" style="pointer-events:none;"  /> 



</div>

请任何帮助表示赞赏.. !!

Answer 1

为了禁用右键单击菜单，您可以使用以下代码段：

document.oncontextmenu = function() { 
    return false; 
};

我制作了一个显示效果的JSFiddle 。

Answer 2

您的问题有点令人困惑，因为标题是关于右键单击的，但问题的主题是关于复制和粘贴以及使用打印屏幕按钮。 虽然您可以使用右键单击按钮执行某些操作（已由其他帖子回答并有详细记录），但通常您的问题是如何防止人们访问代码/内容或打印出您的内容。

这是不可能的。 虽然您可以让某些用户更棘手，但对于那些足够坚定的人来说，它永远不会成功。

首先，即使您（以某种方式）禁用了键盘上的打印屏幕按钮，那里也有许多屏幕捕获程序......而且我无法看到（永远）如何检测到另一个程序执行此操作在网站代码的限制内。

任何 javascript 解决方案都可能失败，他们可以关闭 javascript。

即使您设法阻止某些人查看源代码和复制 HTML，某些人也可以直接从网站上抓取内容。

我有一个平面设计师朋友，他想这样做（在这种情况下禁止人们复制图像）。 我告诉他不要打扰，如果他们想把你放在公共领域的内容，他们会的。 水印可能会有所帮助，但仅限于某些情况。 就个人而言，我会放弃这项任务并接受它，专注于更有趣的任务。

Answer 3

这对我来说很好：

window.frames["your_iframe_id"].contentDocument.oncontextmenu = function(){
 return false; 
};

Answer 4

我们不能只是禁用 iframe 上的右键单击。 因为 iframe 内容是从另一个来源加载的，所以我们的代码将无法在它上面工作。 在这里，我找到了一个解决方案，这是我们唯一的选择。

<html>
<head>
<title>Disable Context Menu</title>
<script type="text/jscript">
  function disableContextMenu()
  {
    window.frames["fraDisabled"].document.oncontextmenu = function(){alert("No way!"); return false;};   
    // Or use this
    // document.getElementById("fraDisabled").contentWindow.document.oncontextmenu = function(){alert("No way!"); return false;};;    
  }  
</script>
</head>
<body bgcolor="#FFFFFF" onload="disableContextMenu();" oncontextmenu="return false">
<iframe id="fraDisabled" width="528" height="473" src="local_file.html"></iframe>
<div style="width:528px;height:473px;background-color:transparent;position:absolute;top:0px;">
</body>
</html>

Answer 5

1.) 使用 jquery 在iFrame 中禁用右键单击

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
// Function to block the right click in the iFrame
<script type="text/jscript">
function injectJS(){    
    var frame =  $('iframe');
    var contents =  frame.contents();
    var body = contents.find('body').attr("oncontextmenu", "return false");
    var body = contents.find('body').append('<div>New Div</div>');    
}
</script>

在 iFrame 中调用“injectJS()”函数

<iframe id="myiframe" width="528" height="473"  onload="injectJS()"></iframe>

2.) 禁用网页中的右键单击

单独使用 javascript

document.addEventListener('contextmenu', event => event.preventDefault());

这是 jQuery 中的一个示例（注意：按下鼠标右键将触发三个事件：mousedown 事件、contextmenu 事件和 mouseup 事件）

// With jQuery
$(document).on({
"contextmenu": function(e) {
    console.log("ctx menu button:", e.which); 
    // Stop the context menu
    e.preventDefault();
},
"mousedown": function(e) { 
    console.log("normal mouse down:", e.which); 
},
"mouseup": function(e) { 
    console.log("normal mouse up:", e.which); 
} 
});

如果您有任何问题，请在下面发表评论。

Answer 6

window.frames["your_iframe_id"].document.oncontextmenu = function(){ return false; };

Answer 7

您不能从跨源覆盖任何事件（“单击”或“右键单击”）。 我尝试在Chrome浏览器中执行此操作并出现以下错误。