在画布上拖动JavaScript

Question

我一直在使用mousedown、mousemove和其他触摸事件，但它们似乎都解决不了我的问题。

我的目标是尝试获取一个对象，该对象跟随用户的手指或鼠标。我试着用mousemove，它起作用了，但只在电脑上。在一个移动设备上，它失败了，只是在水龙头开始后，没有其他任何东西。

我认为这个问题可能是因为在计算机上，如果鼠标被点击和拖动，计算机就会认为它是一种拖动。在手机上，拖曳可能意味着你还没有完成点击。

对于使用什么或者问题是什么，有什么想法吗？

提前谢谢你！

下面是一些示例代码

document.addEventListener("mousemove", function(e){
    var x = e.pageX;
    var y = e.pageY;
});

Answer 1

对于触摸屏输入，您必须使用触摸事件API。这些API包括

• 触地启动
• 触端
• 触取消
• 触移

或者，如果您可以尝试新的指针事件 API。

这样，您就可以编写类似于使用鼠标事件的代码。例如：

• 鼠标向下；下垂
• [医]鼠标
• 摩丝表情>穿插

该规范集成了来自鼠标、触摸屏和笔的各种输入，使独立的实现不再必要，并且更容易编写跨设备指针。不要弄错与不相关的“指针-事件”CSS属性。-犬科

然而，其他浏览器还没有很好地支持它。请参阅指针浏览器兼容性

幸运的是，该https://github.com/jquery/PEP有一个多填充