0

以下のコードを含むページで Enter キーを押すと、ページはポインター ロックで全画面表示になります。マウスを動かすと、「mousemove」がコンソールに出力されます。キー イベントは問題なく動作しますが、例を単純化するためにフル スクリーンでキー イベントを取り除いています。私の問題は、いずれかのキーを押したままマウスを動かしても、mousemove イベントが発生しないことです。これは、ユーザーが移動しながら同時に見ることができないことを意味するため、フルスクリーンの一人称エクスペリエンスでは問題です! Firefox 23 および Chrome 29、30、31 でテスト済み。

更新:これは、Dell Latitude E6510 の統合タッチパッドおよび/またはペン先でのみ発生します。USB マウスを接続すると、問題なく動作するようです。

なぜこれが起こっているのか、および/またはそれを解決する方法についてのアイデアを歓迎します.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <script>
var isPointerLockSupported = 'pointerLockElement' in document || 'mozPointerLockElement' in document || 'webkitPointerLockElement' in document;
var isFullScreenSupported = 'fullScreenEnabled' in document || 'mozFullScreenEnabled' in document || 'webkitFullscreenEnabled' in document;

function rPL(element, onEnter) {
  var pointerlockchange = function (event) {
    if (document.pointerLockElement === element || document.mozPointerLockElement === element || document.webkitPointerLockElement === element) {
      onEnter.call(element, event);
    }
    else {
      document.removeEventListener('pointerlockchange', pointerlockchange, false);
      document.removeEventListener('mozpointerlockchange', pointerlockchange, false);
      document.removeEventListener('webkitpointerlockchange', pointerlockchange, false);
    }
  };
  document.addEventListener('pointerlockchange', pointerlockchange, false);
  document.addEventListener('mozpointerlockchange', pointerlockchange, false);
  document.addEventListener('webkitpointerlockchange', pointerlockchange, false);

  element.requestPointerLock = element.requestPointerLock || element.mozRequestPointerLock || element.webkitRequestPointerLock;
  element.requestPointerLock();
}

function rFS(element, onEnter) {
  var fullscreenchange = function(event) {
    if (document.fullScreenElement || document.mozFullScreenElement || document.webkitFullscreenElement) {
      onEnter.call(element, event);
    }
    else {
      document.removeEventListener('fullscreenchange', fullscreenchange, false);
      document.removeEventListener('mozfullscreenchange', fullscreenchange, false);
      document.removeEventListener('webkitfullscreenchange', fullscreenchange, false);
    }
  }
  document.addEventListener('fullscreenchange', fullscreenchange, false);
  document.addEventListener('mozfullscreenchange', fullscreenchange, false);
  document.addEventListener('webkitfullscreenchange', fullscreenchange, false);

  element.requestFullScreen = element.requestFullScreen || element.mozRequestFullScreen || element.webkitRequestFullScreen;
  element.requestFullScreen(typeof Element.ALLOW_KEYBOARD_INPUT === 'undefined' ? undefined : Element.ALLOW_KEYBOARD_INPUT);
}

document.addEventListener('mousemove', function() {
  console.log('mousemove');
}, false);

document.addEventListener('keydown', function(e) {
  if (e.keyCode == 13 && isFullScreenSupported && isPointerLockSupported) {
    var instructions = this;
    rFS(document.body, function() {
      rPL(document.body, function() {});
    });
  }
}, false);
    </script>
  </body>
</html>
4

1 に答える 1

0

タッチパッドのみの問題が手がかりです。ommousedown および onmouseup イベントをトラップしてみてください。イベントの 1 つがこれらの動作をトリガーしているため、マウス ダウン時にイベントを発生させたくありません - onclick または onmouseup イベントだけです。

于 2014-03-11T23:41:50.207 に答える