手機事件touch

手機事件touch
    1,簡介
        手機頁面響應click比較慢，因爲點擊事件click觸發後，手機會等待300毫秒，檢測是或否有第二次點擊，如果有屬於雙擊，沒有則爲單擊，但是大部分的瀏覽器的雙擊是放大視口，彈出輔助框等功能，所以手機頁面展示一般不用click,而是使用touch
        touch分爲三個事件：
            touchstart:觸摸開始，這個事件在每次觸摸都只會觸發一次
            touchmove:觸摸移動，手指在手機屏幕上移動
            touchend:觸摸結束，手指擡起
        touch事件不需要等待300毫秒，只要觸發立即執行
        語法：
            ele.addEventListener('touchstar',function(){},false);
            這個事件只能使用dom2級事件綁定方式，不能使用dom0級綁定
     2.event.touches數組
                   這個數組是存放每一根手指頭觸摸時信息的數組。如果一根手指頭就是一個元素的話，十個手指頭就是十個元素（前提手機支持十個觸點）
                   數組中的元素順序，誰先觸摸誰在前邊
                   也就是說：event.touches.length  就是觸摸的手指數量
                   clientX：觸摸手指距離視口左邊的距離
                   pageY：觸摸的手指距離頁面頂端的距離
                   screenY:距離屏幕頂端的距離
                   注：touchend事件中touches是空的，所以沒有用，按照手指離開的順序，都會被放進event，changeTouches數組，誰先離開誰是第一個