touch事件的event物件

2021-10-24 11:07:58 字數 730 閱讀 1078

touch事件的event物件裡有3個類陣列,分別是touches、targettouches、changedtouches。

touches :當前螢幕上所有觸控點的列表。

targettouches :當前物件上所有觸控點的列表。

changedtouches :涉及當前(引發)事件的觸控點的列表。

如下圖所示:

touches類陣列裡包含4個觸控點的資訊,length=4

targettouches類陣列裡包含2個觸控點的資訊,length=2

changedtouches類陣列裡包含1個觸控點的資訊,length=1

注意:在touchend事件裡,因為手機離開螢幕後,touches、targettouches裡的觸控點資訊沒了,length=0,所以我們一般使用changeedtouches來獲取觸控點資訊。

clientx:螢幕左上角到touch位置水平方向的距離。

clienty:螢幕左上角到touch位置垂直方向的距離。

pagex:螢幕左上角到touch位置水平方向的距離,算上滾動條。

pagey:螢幕左上角到touch位置垂直方向的距離,算上滾動條。

事件物件event

1.e.client 相對於當前頁面 視窗,不是這個元素 可視區域的左頂點 document.onmousemove function e 2.e.screen 相對於計算機螢幕的左頂點 document.body.onclick function e 3.offset 事件觸發時滑鼠距離該元素左邊...

事件物件(event)

再觸發dom上的某個事件時,會產生乙個事件物件event,這個物件中包含著所有與事件有關的資訊。所有瀏覽器都支援event物件,但支援的方式不同。1.事件物件的獲取 event的獲取 event內容重要內容 2.screenx pagex和clientx的區別 3.pagey和pagex的相容寫法 ...

事件Event物件

當事件發生時,會向呼叫函式傳遞乙個event物件,event 物件記錄當前事件發生時的環境資訊。乙個事件只能對應乙個event物件,並且event 物件是短暫存在的。dom中的 event 物件的使用方法 1 在html 標記中,通過事件來呼叫函式,向函式傳遞乙個 event 引數,該引數就是乙個 ...