Example of an iframe component method that intercepts click, focus and mouse events on anchor elements

IFrame.jsx

class IFrame extends PureComponent {
  // ...

  bindEventsToAnchorsInIFrame(iframeElement) {
    const { history, location } = this.props;

    const { contentDocument, contentWindow } = iframeElement;

    const { jQuery } = contentWindow;

    const selector = 'a[href]:not([download]):not([target=_blank])';

    jQuery(contentDocument)
      .on('focus mouseover', selector, (event) => {
        const anchorElement = event.currentTarget;

        const { hash, hostname, protocol, search } = anchorElement;

        if (protocol === 'javascript:') {
          return;
        }

        const route = history.createHref({
          hash,
          pathname: pathname.replace('/_content/', '/'),
          search,
        });

        if (hostname === window.location.hostname) {
          anchorElement.setAttribute('href', route);
        } else {
          anchorElement.setAttribute('href', protocol + '//' + hostname + route);
        }

        // Set the anchor hostname because this property is lost in IE after resetting the href but it is still necessary for the click event
        // @see https://stackoverflow.com/questions/10755943/ie-forgets-an-a-tags-hostname-after-changing-href
        anchorElement.hostname = hostname;
      })
      .on('click', selector, (event) => {
        const anchorElement = event.currentTarget;

        const { hash, hostname, href, pathname, protocol, search } = anchorElement;

        if (protocol === 'javascript:') {
          return;
        }

        if (event.ctrlKey || event.metaKey || event.shiftKey || (event.button && event.button === 1)) {
          return;
        }

        event.preventDefault();

        if (hostname === window.location.hostname) {
          const route = history.createHref({
            hash,
            pathname,
            search,
          });

          history.push(route);
        } else {
          window.location.assign(href);
        }
      });
  }
  
  // ...
}