Touch事件和阻止

1、Touch事件簡介

pc上的web頁面鼠 標會產生onmousedown、onmouseup、onmouseout、onmouseover、onmousemove的事件，但是在移動終端如 iphone、ipod  Touch、ipad上的web頁面觸屏時會產生ontouchstart、ontouchmove、ontouchend、ontouchcancel 事件，分別對應了觸屏開始、拖拽及完成觸屏事件和取消。

當按下手指時，觸發ontouchstart；

當移動手指時，觸發ontouchmove；

當移走手指時，觸發ontouchend。

當一些更高級別的事件發生的時候（如電話接入或者彈出信息）會取消當前的touch操作，即觸發ontouchcancel。一般會在ontouchcancel時暫停游戲、存檔等操作。

 

2、Touch事件與Mouse事件的出發關系

在觸屏操作后，手指提起的一剎那（即發生ontouchend后），系統會判斷接收到事件的element的內容是否被改變，如果內容被改變，接下來的事 件都不會觸發，如果沒有改變，會按照mousedown，mouseup，click的順序觸發事件。特別需要提到的是，只有再觸發一個觸屏事件時，才會 觸發上一個事件的mouseout事件。

 

//阻止事件

document.addEventListener('touchmove', function(event) {
        event.preventDefault();
    }, false);

語法

event.preventDefault()

說明

該方法將通知 Web 瀏覽器不要執行與事件關聯的默認動作（如果存在這樣的動作）。例如，如果 type 屬性是 "submit"，在事件傳播的任意階段可以調用任意的事件句柄，通過調用該方法，可以阻止提交表單。注意，如果 Event 對象的 cancelable 屬性是 fasle，那么就沒有默認動作，或者不能阻止默認動作。無論哪種情況，調用該方法都沒有作用。