移動端touch事件

2021-09-22 18:41:09 字數 577 閱讀 5000

1)touch事件:touch,觸控,是移動端的觸控事件,是一組事件

1.touchstart:當手指觸控到螢幕的時候觸發--只會觸發一次

2.touchmove:當手指在螢幕中滑動時觸發---一直觸發

3.touchend:當手指離開螢幕時觸發---只會觸發一次

4.touchcancel:被迫中止滑動時觸發---當來電  彈出訊息

2)移動端新增事件的方式:addeventlistener(事件型別,function(){},false)

3)事件引數物件e:名字:touchlist(觸目點集合,乙個手指就是乙個觸控點,屏膜接觸的點的個數)

1.changedtouches:改變後的觸控點集合

2.targettouches:當前元素的觸發點集合

3.touches:頁面中所有觸控點的集合

4)每乙個事件都可以記錄觸控點,特例touchend事件:targettouches和touches不會被記錄

5)clientx,clienty:基於瀏覽器視窗(視口)

pagex,pagey:基於頁面(視口)

screenx,screeny:基於螢幕

移動端 touch事件

在模擬器下不支援用on的方式來給元素加touch事件,推薦用addeventlistener方式 mouse事件的觸發必須在元素範圍內,且在移動端會有300ms左右的延遲 在移動端,觸碰乙個元素時,會立即執行新增在元素上的touch事件,然後記錄座標,300ms之後在這個座標點查詢元素,如果找到元素...

移動端touch事件

touch 事件 首先 touch 包含三類事件,它們分別是 touchstart touchmove touchend 望文生義這種本能相信你應該會有,但在這裡我還是有必需對這三個詞進行一翻不必要的解釋。touchstart 手指觸控到乙個 dom 元素時觸發。touchmove 手指在乙個 do...

移動端事件 touch

touch事件有包括以下三個 注意 touch繫結方式 touch 事件在模擬器下不支援用on方式繫結事件 在真機上on方式和事件偵聽都沒有問題 推薦都使用addeventlistener 的方式新增事件 可以對比記憶兩者 touch事件和mouse事件的區別 其實,在touchmove和touch...