移動觸控事件之二

現在智慧型手機火爆了，我們都是觸控螢幕事的，那麼我們以前js寫法是無法滿足一些要求了，下面我來給大家介紹幾個js手機觸控螢幕的事件用法

處理touch事件能讓你跟蹤使用者的每一根手指的位置。你可以繫結以下四種touch事件：

一、touchstart:// 手指放到螢幕上的時候觸發

touchmove:// 手指在螢幕上移動的時候觸發

touchend:// 手指從螢幕上拿起的時候觸發

touchcancel:// 系統取消touch事件的時候觸發。至於系統什麼時候會取消，不詳

二、client / clienty：// 觸控點相對於瀏覽器視窗viewport的位置

pagex / pagey：// 觸控點相對於頁面的位置

screenx /screeny：// 觸控點相對於螢幕的位置

identifier：>// touch物件的unique id

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

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

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

identifier：表示觸控的唯一id。

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

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

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

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

target:觸控的dom節點座標。

例**如下

複製**

二、手勢事件：

gesturestart: 當乙個手指按在螢幕上，另乙個手指有觸發螢幕時，觸發；

gestureend: 當你的任何乙個手指從螢幕上移開的時候，觸發；

gesturechange: 當觸控螢幕的任何乙個手指發生變化的時候，觸發；

在事件物件這裡，其他的都還一樣，在手勢這裡多了兩個很有用的東西：

乙個是rotation: 手指變化引起的旋轉角度，順時針為正的，逆時針為負的；

還有乙個scale: 兩個手指之間的距離變化；

例**如下

複製**

移動觸控事件之二

現在智慧型手機火爆了，我們都是觸控螢幕事的，那麼我們以前js寫法是無法滿足一些要求了，下面我來給大家介紹幾個js手機觸控螢幕的事件用法 處理touch事件能讓你跟蹤使用者的每一根手指的位置。你可以繫結以下四種touch事件 一 touchstart 手指放到螢幕上的時候觸發 touchmove 手指...

移動端的觸控事件

首先 touch 包含三類事件，它們分別是 touchstart touchmove touchend touch 屬性 1.touch.identifier 此 touch 物件的唯一識別符號。一次觸控動作 我們指的是手指的觸控 在平面上移動的整個過程中，該識別符號不變。可以根據它來判斷跟蹤的是否...

移動端的常用觸控事件

1 touches 表示當前跟蹤的觸控操作的 touch 物件的陣列。2 targettouches 特定於事件目標的 touch 物件的陣列。3 changetouches 表示自上次觸控以來發生了什麼改變的 touch 物件的陣列。每個 touch 物件包含的屬性 4 clientx 觸控目標在...