容器上的 iframe 模态点击事件

Question

（我不使用 jQuery）

我的网站上有一个像这样的 iframe

此模式在以下情况下关闭： (1)点击右上角的关闭按钮 (2) 点击内容外。

我想要做的是禁用 (2)。

不幸的是，外部组件和内容组件都没有 id。

有什么办法可以实现吗？

Answer 1

您是否尝试过处理容器点击事件（在容器外部）并阻止其传播？

$('iframe').contents().find('.container_div').on('click', function(e){
  e.stopPropagation;
});

或使用香草 Javacript：

var iframeInner= document.getElementsByTagName("iframe")[0].contentWindow;
var iframeInnerConatiner = iframeInner.querySelector(".container_div");

iframeInnerConatiner.addEventListener("click", function(e){
  e.stopPropagation;
});

Answer 2

试试这个 $('#myModal').modal({backdrop: 'static', keyboard: false})