title: Detecting pinch/zoom in IE10 without preventing default behavior
body: <p>In Javascript, I'm trying to detect when the user is pinching, <strong>and at the same time allow them to do so.</strong></p>
  
  <pre><code>var elm = $("#wrapper")[0];
  var myGesture = new MSGesture();
  myGesture.target = elm;
  
  elm.addEventListener("MSGestureChange", handleGesture);         
  elm.addEventListener("MSPointerDown", function (e) {
      myGesture.addPointer(e.pointerId);
  });
  </code></pre>
  
  <p>I'm getting the <code>MSPointerDown</code> event.</p>
  
  <p>But as far as I can tell, I'm required to style the element in question (#wrapper) with <code>-ms-touch-action: none</code> (or pan-y pan-x) to be able to recieve the <code>MSGestureChange</code> event when pinching. </p>
  
  <p>I don't want to prevent the default pinch behavior, so what are my options?</p>
  
  <p>Is there a way around this, or am I stuck doing one or the other?</p>