Javascript touchmove事件是否支持多点触摸？

屏幕上有两个正方形。每个都有一个touchmove事件。当我在手机上运行时，我希望它返回我手指的正确X位置。如果我一次只画一个正方形，效果就很好了。但是如果我在每个方块上都有两个手指，同时移动它们，那么X就会被弄乱。这是处理多点触摸x的正确方法吗

html:

css:

我的JSFIDLE在这里：

---

如果按“运行”按钮旁边的移动图标，您可以在移动设备中运行它。

处理触摸事件时，应使用事件对象的“changedTouches”属性。它是所有当前触摸的列表，带有标识符（识别触摸-手指）、pageX、pageY等参数

---

为了充分了解多点触控手控技术，我建议您阅读。

是的。正如Maxim所建议的，您应该使用ChangedTouchs来阅读多重触摸。“changedTouches”中的点对于touchstart、touchend和touchmove事件具有不同的含义

如果您试图交换或移动对象，则应结合使用“touchstart”和“touchmove”来到达对象的最终位置

<div id='container1'></div>
<div id='container2'></div>

$('#container1').bind('touchmove', function() {        
            console.log("container1-" + event.pageX);
            event.preventDefault();
    });


$('#container2').bind('touchmove', function() {
        console.log("container2-" + event.pageX);
       event.preventDefault();
    });

#container1 {
    margin:50px;
    width:300px;
    height:300px;
    background:red;
}

#container2 {
    margin:50px;
    width:300px;
    height:300px;
    background:green;
}