在Zeppelin笔记本上禁用右键单击

时间:2016-08-30 14:57:37

标签: javascript jquery iframe apache-zeppelin spark-notebook

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

我将笔记本嵌入iframe,一个简单的HTML页面。

我想在我的信息中心上禁用右键单击。

我可以在iframe区域外禁用右键单击,但我无法在iframe区域内禁用它。

我尝试使用Google上提供的所有可能代码:

$( 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"

等...

<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,我如何将其嵌入我的信息中心?

0 个答案:

没有答案