如何停止在 iframe 内单击

Question

我在 iframe 中显示了一些内容，这些内容是 html。 我想阻止点击所有超链接。 我尝试了以下方法并且有效。 但我不想使用 jQuery。 我怎么能用香草 JS 做到这一点？

jQuery('#htmlFrame').contents().find('body a').on('click', function(event) {
  event.preventDefault();
  event.stopPropagation();
  return false;
});

Answer 1

尚未测试，但它应该等同于以下内容：

const htmlFrame = document.getElementById('htmlFrame');
const links = htmlFrame.querySelectorAll('a');

for (let i = 0; i < links.length; i++) {
  links[i].addEventListener('click', (event) => {
    event.preventDefault();
    event.stopPropagation();
  })
}

Answer 2

你可以创建一个父 div 并应用类似的东西

event.stopPropagation()