Bubbling iframe events

bubble-iframe.js

const bubbleIframeEvents = (iframe, document) => {
  const iframeWindow = iframe.contentWindow

  iframeWindow.addEventListener(
    'mousemove',
    (event) => {
      const boundingClientRect = iframe.getBoundingClientRect()
      const fakeEvent = new CustomEvent(
        'mousemove',
        {
          bubbles    : true,
          cancelable : false,
        }
      )
      fakeEvent.clientX = event.clientX + boundingClientRect.left
      fakeEvent.clientY = event.clientY + boundingClientRect.top

      iframe.dispatchEvent(fakeEvent)
    }
  )

  iframeWindow.addEventListener(
    'mousedown',
    (event) => {
      const fakeEvent = new CustomEvent(
        'mousedown',
        {
          bubbles    : true,
          cancelable : false,
        }
      )
      iframe.dispatchEvent(fakeEvent)
    }
  )
}