Win 8应用程序在手指滑动时触发事件

Question

我想在用户在指定div上滑动手指时触发事件。例如：当用户在div上滑动手指时，应该调用特定的函数。

Answer 1

这将添加事件处理程序：

document.getElementById('divId').addEventListener('mspointermove', handler, false); 

那么你就必须认识到，如果它是一个触摸事件或鼠标事件。

function handler(event) { 
    if (eventObject.pointerType === 2) { 
     // touch event 
    } 
} 

这是触摸事件的complete guide。 msgesturestart/change/end可能是你想要使用的。

Answer 2

您需要使用WinRT的完整手势识别器功能才能获得最佳体验。 MSDN已完全通过示例here。这将允许您抓取DIV的操作并适当地处理它。简单的步行是here。请注意，需要：

1. 创建MSGesture对象
2. 捕捉MSPointerDown，指针ID添加到1

另外一个考虑创建手势的实例是看你的经验和考虑是否使用mandatory snap points，并且滚动条中的多个项目可能适合您的体验。

一些示例代码：

<div id="touchMe" style="width:500px; height: 500px; background-color: yellow; "></div> 

的JavaScript，运行时TOUCHME可用：

var v = document.getElementById("touchMe"); 
v.addEventListener("MSGestureStart", function() { 
    console.log("foo"); 
}); 

var gestureThing = new MSGesture(); 
gestureThing.target = v; 
v.dooHicker = gestureThing; 

v.addEventListener("MSPointerDown", function (e) { 
    gestureThing.addPointer(e.pointerId); 
    console.log("down"); 
}); 

v.addEventListener("click", function() { 
    console.log("click"); 
});