title: Browser embedded in WPF not handling pointer events
body: <p>I am hosting a WebBrowser control in a Windows 7 WPF application.</p>
  
  <p>Now I am having a problem with the javascript running within this browser. The DOM <code>pointer</code> events are not firing. When I click a DOM object, the <code>mousedown</code> and <code>click</code> events fire, but the <code>pointerdown</code> event does not fire, even though it fires when viewing the same page in Internet Explorer 11.</p>
  
  <p>How can I make the DOM <code>pointerdown</code> events fire?</p>
  
  <p>Here's what I see in the browser:</p>
  
  <p><img src="https://i.stack.imgur.com/nIB02.png" alt="Browser image"></p>
  
  <p>Here's what I see in the WPF application:</p>
  
  <p><img src="https://i.stack.imgur.com/88MPP.png" alt="WPF Image"></p>
  
  <p>Here's the HTML document I'm testing with: </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=11"&gt;
      &lt;script type="text/javascript" src="./scripts/jquery.min.js"&gt;&lt;/script&gt;
      &lt;title&gt;Raw test page&lt;/title&gt;
      &lt;style type="text/css"&gt;
          #mouseTarget{
              border: 2px solid purple;
              background: steelblue;
              font-weight: bold;
              width: 300px;
              height: 100px;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="mouseTarget"&gt;Mouse Target&lt;/div&gt;
      &lt;div id="logOutput"&gt;&lt;/div&gt;
      &lt;script type="text/javascript"&gt;
          var logOutput = function (text) {
              $("&lt;div&gt;&lt;/div&gt;").text(text).appendTo($("#logOutput"));
          };
          var mouseTarget = document.getElementById('mouseTarget');
          mouseTarget.addEventListener('pointerdown', function () {
              logOutput('pointerdown event received');
          }, false);
          mouseTarget.addEventListener('mousedown', function () {
              logOutput('mousedown event received');
          }, false);
          mouseTarget.addEventListener('click', function () {
              logOutput('click event received');
          }, false);
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>