html5觸摸事件的原理
作者：佚名 時間：2014-06-17 分享到：
觸摸事件等級1,說明中有四個事件:
>當手指觸摸屏幕時,touchsmart被觸發;
>當手指離開屏幕時,touchend被觸發;
>當手指在屏幕上的兩點間移動時,touchmove被觸發;
>當用戶代理中斷觸摸或者手指離開有效區域時,touchcalcle被觸發.
觸摸事件等級2,在編寫本書時,觸摸事件等級2仍在開發中,它引入了兩個額外事件:
>當已經觸摸屏幕的手指在目標元素上移動時,touchenter被觸發;
>當手指離開目標區域但沒有離開屏幕時,touchleave被觸發.
要想使單擊鼠標的操作在時間上與這些觸摸操作同步,則需要使用touchend事件,它在手指搖筆桿地被觸發,預示著用戶已經完成操作:
el.addeventlistener('touchend',function(){...},false)
每當觸摸事件被觸發時,它會創建一個touchevent對象,這個對象包含了更多有關事件的信息,這些信息中含有touchlist,這是一個包含touches子對象的對象,它包含觸摸屏幕手指的數量信息,這些信息對于多點觸控來說非常有用,需要注意的是,每次觸摸都創建一個觸摸事件,在使用多點觸控時,每個觸控事件都包含所有先前的觸摸操作,所以手指每次觸摸屏幕時被創建的touchlist對象含有0次觸摸信息;第二根手指觸摸屏幕時被創建touchlist對象含有-次觸摸和1次觸摸的住處第三根手指觸摸屏幕時被創建的touchlist對象含有0次觸摸,1次觸摸和2次觸摸的信息,以此類推.
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/help/20151126/n1806.html
