1

我在仪表板上使用 Zeppelin 0.6.0 笔记本。

我将笔记本嵌入到 iframe 中，这是一个简单的 HTML 页面。

我想禁用我的仪表板上的右键单击。

我可以在 iframe 区域外禁用右键单击，但不能在 iframe 区域内禁用它。

我尝试了谷歌上所有可能的代码，比如：

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

$(document).ready(function() {
  var iframeEl = $('#iframe1').contents().get(0);
  $(iframeEl).bind('contextmenu', function(event) {
    event.preventDefault();
    return false;
  });
});

onload="disableContextMenu();" oncontextmenu="return false"

ETC...

<html>
<head>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<body style="text-align:center;position:relative;">
  <div id='testing'>
    <h3 align='center'>Karnataka</h3>
    <iframe src="http://my_ip_Address:8080/#/notebook/2BTQV69P2/paragraph/20160829-125413_974103599?asIframe" width="1200" height="550"  scrolling="no" frameBorder="0" id="iframe1" style="text-align:center;pointer-events:none;" >Browser not compatible.</iframe>
    <div id="karnataka"></div>
  </div>
</body>
</html>

如何禁用右键单击笔记本？

当我读到它时：

“如果 iframe 内的页面位于同一个域中，这是可能的。而如果您访问 iframe 内不同域的页面，则不建议这样做。”

有人遇到过这种情况并找到任何解决方案吗？

除了 iframe，我如何将它嵌入到我的仪表板中？

4

0 回答 0