js 手機端觸發事事件、javascript手機端/移動端觸發事件

處理Touch事件能讓你跟蹤用戶的每一根手指的位置。你可以綁定以下四種Touch事件:

touchstart:  // 手指放到屏幕上的時候觸發 
touchmove:  // 手指在屏幕上移動的時候觸發 
touchend:  // 手指從屏幕上拿起的時候觸發 
touchcancel:  // 系統取消touch事件的時候觸發。至於系統什么時候會取消，不詳

//屬性
client / clientY：// 觸摸點相對於瀏覽器窗口viewport的位置 
pageX / pageY：// 觸摸點相對於頁面的位置 
screenX /screenY：// 觸摸點相對於屏幕的位置 
identifier： // touch對象的unique ID 

//touchstart事件  
function touchSatrtFunc(e) {  
    //evt.preventDefault(); //阻止觸摸時瀏覽器的縮放、滾動條滾動等  
    var touch = e.touches[0]; //獲取第一個觸點  
    var x = Number(touch.pageX); //頁面觸點X坐標  
    var y = Number(touch.pageY); //頁面觸點Y坐標  
    //記錄觸點初始位置  
    startX = x;  
    startY = y;  
} 

//touchmove事件 
function touchMoveFunc(e) {  
    //evt.preventDefault(); //阻止觸摸時瀏覽器的縮放、滾動條滾動等  
    var touch = evt.touches[0]; //獲取第一個觸點  
    var x = Number(touch.pageX); //頁面觸點X坐標  
    var y = Number(touch.pageY); //頁面觸點Y坐標  
    var text = 'TouchMove事件觸發：（' + x + ', ' + y + '）';  
    //判斷滑動方向  
    if (x - startX != 0) {  
        //左右滑動  
    }  
    if (y - startY != 0) {  
        //上下滑動  
    }  
}