3

Windows 8 でポインター イベントとジェスチャ イベントを使用すると問題が発生します。

問題は、Javascript を介して自分の Web サイトで指やジェスチャーの動きを検出できないことです。Microsoft の指示に従いました: http://msdn.microsoft.com/en-us/library/ie/hh673557(v=vs.85).aspx。

ただし、最も単純な関数でさえ、またはをwindow.navigator.msPointerEnabled返す必要があるときに返されるように見えます(タッチ対応の Windows 8 タブレットを使用しているため)。nullfalsetrue

誰かが以前に同じ問題を抱えていますか? もしそうなら、どのようにこの問題を解決しましたか?

4

2 に答える 2

0 
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>

詳細については、このリンクをチェックしてください

于 2012-11-05T04:42:42.713 に答える
0

通常のもの (正しい doctype と meta タグ) に加えて、-ms-touch-action:none; を設定する必要があります。css の html および body 要素:

html, body {
 -ms-touch-action: none;
}

編集: ( MSGestureChange は完全な html サンプルを提供します)

于 2012-12-22T00:19:16.193 に答える