單擊事件，類似於pc端的click，但在移動端中，連續click的觸發有200ms ~
300ms的延遲
a、觸控事件，有touchstart、touchmove、touchend、touchcancel四種之分
touchstart：手指觸控到螢幕會觸發
touchmove：當手指在螢幕上移動時，會觸發
touchend：當手指離開螢幕時，會觸發
touchcancel：可由系統進行的觸發，比如手指觸控螢幕的時候，突然alert了一下，或者系統中其他打斷了touch的行為，則可以觸發該事件
b、觸控列表
touches：表示當前跟蹤的觸控操作的touch物件的陣列。
targettouches：特定於事件目標的touch物件的陣列。
changedtouches：表示自上次觸控以來發生了什麼改變的touch物件的陣列。
觸碰事件，一般用於代替click事件，有tap、longtap、singletap、doubletap四種之分
tap：手指碰一下螢幕會觸發
longtap：手指長按螢幕會觸發
singletap：手指碰一下螢幕會觸發
doubletap：手指雙擊螢幕會觸發
滑動事件，有swipe、swipeleft、swiperight、swipeup、swipedown五種之分
swipe：手指在螢幕上滑動時會觸發
swipeleft：手指在螢幕上向左滑動時會觸發
swiperight：手指在螢幕上向右滑動時會觸發
swipeup：手指在螢幕上向上滑動時會觸發
swipedown：手指在螢幕上向下滑動時會觸發
a、手勢事件只是概念型，目前還沒有瀏覽器原生支援，按照概念可分為gesturestart、gesturechange、gestureend三種事件
gesturestart：當有兩根或多根手指放到螢幕上的時候觸發
gesturechange：當有兩根或多根手指在螢幕上，並且有手指移動的時候觸發
gestureend：當倒數第二根手指提起的時候觸發，結束gesture
b、按照定義，當分別將兩根手指放到螢幕上的時候，會有如下順序的事件觸發：
1、第一根手指放下，觸發touchstart
2、第二根手指放下，觸發gesturestart
3、觸發第二根手指的touchstart
4、立即觸發gesturechange
5、手指移動，持續觸發gesturechange
6、第二根手指提起，觸發gestureend，以後將不會再觸發gesturechange
7、觸發第二根手指的touchend
8、觸發touchstart（多根手指在螢幕上，提起一根，會重新整理一次全域性touch，重新觸發第一根手指的touchstart）
9、提起第一根手指，觸發touchend
鏈結2
045 Web前端 JS 手機觸控事件
手機觸控事件 6.24 描述 在移動端裝置中由觸控操作觸發的事件 型別 1 touchstart 當手指觸控螢幕時觸發 即使已經有乙個手指放在了螢幕上也會觸發。2 touchmove 當手指在螢幕上滑動時連續的觸發。3 touchend 當手指從螢幕上移開時觸發。4 touchcancel 當系統停...
多點觸控技術 學習筆記
一 觸控螢幕的工作原理 1 為了操作上的方便，人們用觸控螢幕來代替滑鼠或鍵盤。工作時，我們必須首先用手指或其它物體觸控安裝在顯示器前端的觸控螢幕，然後系統根據手指觸控的圖示或選單位置來定位選擇資訊輸入。觸控螢幕由觸控檢測部件和觸控螢幕控制器組成 觸控檢測部件安裝在顯示器螢幕前面，用於檢測使用者觸控位...
前端學習筆記
前端 做網頁 靜態網頁 動態的web應用 前後端分離的單頁應用 資料 json ajax html css js jquery ajax 開發工具notepad hbuilder vscode webstorm 瀏覽器 谷歌 firefox edge 什麼是html hypertext makeup...