javascript - Windows 8 : window. navigator.msPointerEnabled 的指针和手势未检测到任何内容

Question

我在 Windows 8 上使用指针和手势事件时遇到问题。

问题是我无法通过 Javascript 检测到我网站上的任何手指/手势移动。我确实遵循了 Microsoft 的说明:http://msdn.microsoft.com/en-us/library/ie/hh673557(v=vs.85).aspx .

但是，看起来即使是最简单的函数 window.navigator.msPointerEnabled 也返回 null 或 false 而它应该返回一个 true(因为我使用的是支持触控的 Windows 8 平板电脑)。

有没有人遇到过同样的问题？如果是这样，您是如何解决这个问题的？

Answer 1

The following example is a basic paint application that works with mouse, touch, and pen via pointer events.

<style>
  html { 
    -ms-touch-action: none; /* Shunt all pointer events to JavaScript code. */
  }
</style>
<canvas id="drawSurface" width="500px" height="500px" style="border:1px solid black;"></canvas>
<script type='text/javascript'>
window.addEventListener('load', function() {
  var canvas = document.getElementById("drawSurface"),
  context = canvas.getContext("2d");
  if (window.navigator.msPointerEnabled) {
    canvas.addEventListener("MSPointerMove", paint, false);
  } 
  else {
    canvas.addEventListener("mousemove", paint, false);
  }
  function paint(event) {
    context.fillRect(event.clientX, event.clientY, 5, 5);
  }
});
</script>

For more details checkout this link