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"); 
});