摘要：對象不包含任何信息事件事件，該事件已被移除，應該使用事件但是事件仍然是實驗性的事件，目前有部分瀏覽器暫時不支持。每個觸摸事件的對象都提供了在鼠標事件中常見的屬性。

該事件的window.orientation屬性中包含3個值：0表示肖像模式、90表示左旋轉的橫向模式、-90表示右旋轉的橫向模式。event對象不包含任何信息：

window.onload = function () {
    var div = document.getElementById("info");
    div.innerHTML = "Current orientation is " + window.orientation;
};
window.addEventListener("orientationchange", function () {
    div.innerHTML = "Current orientation is " + window.orientation;
});

MozOrientation事件，該事件已被移除，應該使用DeviceOrientationEvent事件
Warning: This experimental API was removed in Gecko 6.0 (Firefox 6.0 / Thunderbird 6.0 / SeaMonkey 2.3), when support for the standard DeviceOrientationEvent was implemented. You should use that API instead.

但是DeviceOrientationEvent事件仍然是實驗性的事件，目前有部分瀏覽器暫時不支持。

該事件的意圖是告訴開發者設備在空間中朝向哪兒，設備在三維空間中是靠x、y、z軸來定位的。

事件對象包含：

alpha：圍繞z軸旋轉，y軸的度數差；0~360的值；

beta：圍繞x軸旋轉，z軸的度數差；-180~180的值；

gamma：圍繞y軸旋轉，z軸的度數差；-90~90的值；

absolute：表示設備是否返回一個絕對值；

compassCalibrated：表示設備的指南針是否校準過；

如：

丄

window.addEventListener("deviceorientation", function () {
    var info = document.getElementById("info");
    info.style.webkitTransform = "rotate(" + -Math.round(event.alpha) + "deg)";
});

該事件是要告訴開發者設備什么時候移動，如通過該事件檢測設備是否在往下掉，是否被走著的人拿在手里等等。

屬性：

acceleration：包含x、y、z屬性的對象，不考慮重力的情況下，每個方向的加速度；

accelerationIncludingGravity：包含x、y、z屬性的對象，在考慮z自然重力加速度的情況下，每個方向上的加速度；

interval：毫秒值，必須在另一個devicemotion事件觸發前傳入；

rotationRate：包含表示方向的alpha、beta和gamma屬性的對象；

如果讀取不到值，會返回null，所以應該先檢測它們的值是否為null：

window.addEventListener("devicemotion", function () {
    if (event.rotationRate !== null) {
        // statement
    }
});

touchstart：觸摸屏幕時觸發；

touchmove：滑動時觸發，調用preventDefault()函數可阻止滾動；

touchend：當手指從屏幕上移開時觸發；

touchcancel：當系統停止跟蹤觸摸時觸發；

上面的事件都會冒泡，都可以取消。每個觸摸事件的event對象都提供了在鼠標事件中常見的屬性。

touches：表示當前跟蹤的觸摸操作的Touch對象的數組；

targetTouches：特定于事件目標的Touch對象的數組；

changedTouches：表示自上次觸摸以來發生了什么改變的Touch對象的數組；

每個Touch對象包含的屬性：

clientX：視口中的x坐標；

clientY：；

identifier：標識觸摸的唯一ID；

pageX：觸摸目標在頁面中的x坐標；

pageY：；

screenX：觸摸目標在屏幕中的x坐標；

screenY：；

target：觸摸DOM節點目標；

如：

function handleTouchEvent () {
    if (event.touches.length == 1) {
        var output = document.getElementById("output");
        switch (event.type) {
            case "touchstart":
                output.innerHTML = "Touch started (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")";
                break;
            case "touchmove":
                event.preventDefault();
                output.innerHTML = "Touch moved (" + event.changedTouches[0].clientX + "," + event.changedTouches[0].clientY + ")";
                break;
            case "touchend":
                output.innerHTML = "Touch ended (" + event.changedTouches[0].clientX + "," + event.changedTouches[0].clientY + ")";
                break;
        }
    }
}
window.addEventListener("touchstart", handleTouchEvent);
window.addEventListener("touchmove", handleTouchEvent);
window.addEventListener("touchend", handleTouchEvent);

暫時不清楚為什么touchend無反應。

gesturestart：當一個手指已經按在屏幕上而另一個手指又觸摸屏幕時觸發；

gesturechange：當觸摸屏幕的任何一個手指的位置發生變化時觸發；

gestureend：當任何一個手指從屏幕上面移開時觸發；

其中event還包括除鼠標事件的屬性之外另外兩個屬性：rotation和scale：其中rotation屬性表示旋轉的角度，從0開始，負值表示逆時針旋轉，正值表示順時針旋轉；scale屬性從1開始，隨著距離拉大而增加，隨著距離縮小而減小：

var output = document.getElementById("output");
document.addEventListener("gesturestart", function () {
    output.innerHTML = "rotation: " + event.rotation + ";" + "scale: " + event.scale;
});
document.addEventListener("gestureend", function () {
    output.innerHTML = "rotation: " + event.rotation + ";" + "scale: " + event.scale;
});
document.addEventListener("gesturechange", function () {
    event.preventDefault();
    output.innerHTML = "rotation: " + event.rotation + ";" + "scale: " + event.scale;
});

寫成：

function handleGestureEvent() {
    var output = document.getElementById("output");
    switch (event.type) {
        case "gesturestart":
            output.innerHTML = "rotation: " + event.rotation + ";" + "scale: " + event.scale;
            break;
        case "gestureend":
            output.innerHTML = "rotation: " + event.rotation + ";" + "scale: " + event.scale;
            break;
        case "gesturechange":
            event.preventDefault();
            output.innerHTML = "rotation: " + event.rotation + ";" + "scale: " + event.scale;
            break;
    }
}
document.addEventListener("gesturestart", handleGestureEvent);
document.addEventListener("gestureend", handleGestureEvent);
document.addEventListener("gesturechange", handleGestureEvent);