14. -ms-touch-action: auto | none | manipulation | double-tap-zoom | inherit;
Value Description
Default value for -ms-touch-action. Browser
auto
determines.
none No default behavior is allowed.
Only panning, pinch zoom, and swiping to navigate
manipulation
forward or back are allowed.
double-tap-zoom Only double-tap zooming is allowed.
The element inherits the value of -ms-touch-action
inherit
from its parent.
利用觸控方式捲動和縮放: http://msdn.microsoft.com/zh-TW/library/ie/hh920761.aspx
15. Pointer Event
event.pointerType
var el = document.getElementById('drawface');
// 判斷是否支援 pointer event
if (navigator.msPointerEnabled) {
el.addEventListener('MSPointerDown', handleTouchInput, false);
} else {
// fallback
el.addEventListener('mousedown', handleTouchInput, false);
}
參考: http://blogs.msdn.com/b/ie/archive/2011/09/20/touch-input-for-ie10-and-metro-style-apps.aspx
16. Gesture event
var el = document.getElementById('drawface');
var gesture = new MSGesture();
// 加入 pointer
el.addEventListener('MSPointerDown', function (evt) {
gesture.addPointer(evt.pointerId);
}, false);
// Tap and Hold
el.addEventListener('MSGestureTap', handleTap, false);
el.addEventListener('MSGestureHold', handleHold, false);
// dynamic gesture
// 讀取 evt 裡各種位移、旋轉、速度等參數
el.addEventListener('MSGestureChange', handleGesture, false);
參考: http://blogs.msdn.com/b/ie/archive/2012/06/20/go-beyond-pan-zoom-and-tap-using-gesture-events.aspx