2017-02-14 61 views
1

我如何將touchmove識別爲mousemove,我想使用下面的腳本,它適用於pc,但不適用於手機或平板電腦。有沒有辦法將touchmove識別爲mousemove?Touchmove into 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/zh-CN/docs/Web/Events/touchmove 每次手指在觸摸屏上移動時都會產生。 – Grynets

回答

0

我把通用代碼在一個單獨的功能,如:

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

然後註冊事件監聽器兩種mousemovetouchmove的座標轉發到你的常用功能:

$(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); 
});