title: Call touch event on parent from iframe
body: <p>I'm trying to call a touch move event when a user interacts with an iframe.</p>
  
  <p>This code is at the top level page which contains the iframe.</p>
  
  <pre><code>var myIframe = document.getElementById('iFrame');
  var myIframeDoc = myIframe.contentWindow.document;
  myIframeDoc.addEventListener('touchmove', function(event){
  
      console.log('iframe touched');
  
      var e = document.createEvent('TouchEvent');
      //e.touches = [{pageX: 10, pageY: 10}];
      //e.initTouchEvent('touchstart', true, true);
      e.initUIEvent('touchstart', true, true);
  
  }, false);
  </code></pre>
  
  <p>So when the user touch moves on the iframe it will then call one of the events below (also at the top level page).</p>
  
  <pre><code>document.addEventListener("touchmove", function(event){
  
      alert('touchmove');
  
  });
  
  document.addEventListener("touchstart", function(event){
  
      alert('touchstart');
  
  });
  
  document.addEventListener("touchend", function(event){
  
      alert('touchend');
  
  });
  </code></pre>
  
  <p>However the touch events don't fire on the parent layer... But the console log works fine, so it is picking up the iframe touchmove, but the TouchEvent part doesn't seem to be working.</p>
  
  <p>In short, I need to be able to get the events to fire as though a user has touched the parent page when they interact with the iframe.</p>