用touchmove事件替换mousemove

时间:2014-06-05 11:41:48

标签: javascript html mobile mousemove touchmove

我的程序会识别mousemove event。我想做的是让我的程序适用于移动设备。

这就是我想将mousemove事件转换为touchmove event的原因。

到目前为止,我的代码是这样的:

var d=ctx.getImageData(0,0,canvas.width,canvas.height).data;
$hit=$("#hit");
$("#canvas").mousemove(function(e){handleMouseMove(e);});

tolerance = 20;
function handleMouseMove(e){

  e.preventDefault();
  e.stopPropagation();
  mouseX=parseInt(e.clientX-offsetX);
  mouseY=parseInt(e.clientY-offsetY);
  var isHit=d[(mouseY*cw+mouseX)*4+3]>tolerance;

  if(isHit){
    $hit.text("Yeahhhh");
  }else{
    //document.onmousemove = crash;
    $hit.text("Noooooooo");
  }
}

有没有办法可以轻松地做到这一点?

我已阅读相同的When to use touchmove vs mousemove?,但我不确定如何处理mouseXmouseY

2 个答案:

答案 0 :(得分:0)

toe.js - 一个轻量级的触摸事件库,效果很好。 Hammerjs肯定有更多的定制,但toejs看起来更简单。

并在您的代码中提出建议以避免不必要的event.stopPropagation,请参阅here

答案 1 :(得分:-1)

您可以使用jQuery UI Touch Punch进行黑客jquery事件

请阅读:http://touchpunch.furf.com/