第一部分：四個touch事件

1.touchstart：只要將手指放在了屏幕上（而不管是幾只）,都會觸發(fā)touchstart事件。

創(chuàng)新互聯建站是一家集網站建設,東烏珠穆沁企業(yè)網站建設,東烏珠穆沁品牌網站建設,網站定制,東烏珠穆沁網站建設報價,網絡營銷,網絡優(yōu)化,東烏珠穆沁網站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網站。

2.touchmove: 當我們用手指在屏幕上滑動時，這個事件會被連續(xù)觸發(fā)。 如果我們不希望頁面隨之滑動，我們可以使用event的preventDefault來阻止這個默認行為。

3.touchend: 當手指滑動后離開屏幕，這時就觸發(fā)了touchend事件。

4.touchcancel: 系統停止跟蹤觸摸時候會觸發(fā)。例如在觸摸過程中突然頁面alert()一個提示框，此時會觸發(fā)該事件，這個事件比較少用。

第二部分：四個touch對象

 1. touches，這是一個類數組對象，包含了所有的手指信息，如果只有一個手指，那么我們用touches[0]來表示。

 2. targetTouches 。 手指在目標區(qū)域的手指信息。

     3. changedTouches：最近一次觸發(fā)該事件的手指信息。

     4. touchend時，touches與targetTouches信息會被刪除，changedTouches保存的最后一次的信息，最好用于計算手指信息。

第三部分：實例1

先看效果圖：

它的實現原理非常簡單，就是將紅色圓形的postion屬性設為absolute，然后，當我們滑動它時，就觸發(fā)了touchmove事件，將其Left和top設置為event的pageX和pageY即可，為保證觸發(fā)中心與圓心在同一位置，只需將pageX加上width的一半，pageY加上height的一半。

源碼如下：

    
    
     
    


    點我