How to stop click inside iframe

Question

I display some content inside iframe and this content is html. I want to block click on all hyperlinks. I tried the following and it works. But I do not want to use jQuery. How can I do so with vanilla JS?

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

Answer 1

Haven't tested but it should be equivalent to the below:

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()