2017-02-14 18 views
1

私はtouchmoveをmousemoveとして認識させるにはどうすればいいですか?PCで動作するが、モバイルやタブレットでは動作しない以下のスクリプトを使用したいと思います。 touchmoveをmousemoveとして認識する方法はありますか?Touchmove to Mousemove

<script> 
    $(document).bind('mousemove', function(e){ 
     $('#try').css({ 
      left: e.pageX -300, 
      top: e.pageY -145 
     }); 
    }); 

     </script> 
+0

「touchmove」リスナーに共通のコールバックを登録しない理由はありますか? – qxz

+0

私はon.touchmove(function(e){mousemove})のような何かをしますか? –

+0

ちょうど 'touchmove'イベントを使用して、より多くのあなたはここに見つけることができます:https://developer.mozilla.org/en-US/docs/Web/Events/touchmove それは、指がタッチスクリーン上を動くたびに生成されます。 – Grynets

答えて

0

私はこのように、別の関数に共通のコードを入れたい:

:あなたの一般的な機能に座標を転送 mousemovetouchmove両方のイベントリスナーを登録すると

function onMouseMove(x, y) { 
    $('#try').css({ 
     left: x -300, 
     top: y -145 
    }); 
} 

$(document).bind('mousemove', function(e){ 
    onMouseMove(e.pageX, e.pageY); 
}); 
$(document).bind('touchmove', function(e){ 
    var touch = e.changedTouches[0]; 
    onMouseMove(touch.pageX, touch.pageY); 
}); 
関連する問題