移動touch事件之一

2021-09-06 20:32:57 字數 646 閱讀 6026

touchstart:當手指觸控螢幕時觸發;即使已經有乙個手指放在了螢幕上也會觸發。

touchmove:當手指在螢幕上滑動時連續的觸發。在這個事件發生期間,呼叫preventdefault()可阻止滾動。

touchend:當手指從螢幕上移開時觸發。

touchcancel:當系統停止跟蹤觸控時觸發。關於此事件的確切觸發事件,文件中沒有明確說明。

以上事件的event物件上面都存在如下屬性:

touches:表示當前跟蹤的觸控操作的touch物件的陣列。

targettouches:特定於事件目標的touch物件的陣列。

changetouches:表示自上次觸控以來發生了什麼改變的touch物件的陣列。

每個touch物件包含下列屬性。

clientx:觸控目標在視口中的x座標。

clienty:觸控目標在視口中的y座標。

identifier:表示觸控的唯一id。

pagex:觸控目標在頁面中的x座標。

pagey:觸控目標在頁面中的y座標。

screenx:觸控目標在螢幕中的x座標。

screeny:觸控目標在螢幕中的y座標。

target:觸控的dom節點座標。

移動touch事件之一

touchstart 當手指觸控螢幕時觸發 即使已經有乙個手指放在了螢幕上也會觸發。touchmove 當手指在螢幕上滑動時連續的觸發。在這個事件發生期間,呼叫preventdefault 可阻止滾動。touchend 當手指從螢幕上移開時觸發。touchcancel 當系統停止跟蹤觸控時觸發。關於...

移動端 touch事件

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

移動端touch事件

1 touch事件 touch,觸控,是移動端的觸控事件,是一組事件 1.touchstart 當手指觸控到螢幕的時候觸發 只會觸發一次 2.touchmove 當手指在螢幕中滑動時觸發 一直觸發 3.touchend 當手指離開螢幕時觸發 只會觸發一次 4.touchcancel 被迫中止滑動時觸...