Как перестать щелкать внутри 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()