js touchmove

// HTML部分
<div id="touchArea" style="width: 300px; height: 300px; background-color: lightblue;"></div>

// JavaScript部分
document.getElementById('touchArea').addEventListener('touchmove', function(event) {
    // 阻止默认行为，例如滚动页面
    event.preventDefault();

    // 获取触摸点信息
    var touch = event.touches[0];

    // 打印触摸点的坐标
    console.log('Touch moved to: ', touch.clientX, touch.clientY);

    // 根据触摸位置改变元素样式或进行其他操作
    document.getElementById('touchArea').style.backgroundColor = 'lightgreen';
}, false);

解释说明：

1. HTML部分：创建了一个 div 元素，作为触摸区域，并设置了宽高和背景颜色。
2. JavaScript部分：
   • 使用 addEventListener 方法为 div 绑定了一个 touchmove 事件监听器。
   • 在事件处理函数中，首先调用 event.preventDefault() 来阻止默认行为（如页面滚动）。
   • 然后通过 event.touches[0] 获取当前触摸点的信息。
   • 使用 console.log 打印出触摸点的坐标。
   • 最后根据触摸位置改变了 div 的背景颜色。