說在前面上篇文章說了ios上的多指操作，那為什麼不放在一起，把安卓的也一起講了，因為安卓的存在相容問題，gesturestart，gesturechange等事件安卓上都是沒有的，這些只存在於ios裝置上，所以這些事件安卓裝置上無效，需要自己封裝。
第一步：定義乙個匿名自執行函式
匿名自執行函式的優勢在前面的文章有，這裡不多說。
(
function
(w))
(window)
;
(
function
(w)})(
);
(
function
(w)}})
; ele.
addeventlistener
('touchmove'
,function
(event)}}
);// 手指離開當前元素時，先判斷當前的觸點是否小於2，是否曾觸發過touchstart事件
ele.
addeventlistener
('touchend'
,function
(event)
//重置isstart為false
isstart =
false;}
});// 獲取兩個點之間的距離
function
getdistance
(touch1,touch2)
// 獲取兩個觸點的角度
function
getdeg
(touch1,touch2)}}
)();
那麼，這個庫就已經封裝好了，引入呼叫就ok
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
>
document<
/title>
#con
<
/style>
"./android.js"
>
<
/script>
<
/head>
"con"
>
<
/div>
var con = document.
getelementbyid
('con');
gesture
(con,
, change:
function
(event)})
<
/script>
<
/body>
<
/html>
移動端多指操作一 ios篇
說在前面 移動端常用的事件上篇文章已講，這篇文章講點花的，多指操作 ios篇 ios 多指操作 第一步 清除預設事件 清除預設事件 否則會選取元素 document.addeventlistener touchstart e gesturestart 事件 var con document.gete...
移動端安卓和ios相容性彙總
首先了解一下iphonex裝置基礎資訊，如下 iphonex螢幕組成 上部齊劉海 44px 安全區域 safe area 底部手勢區域 34px 預設，頁面只顯示在 安全區域 中，導致螢幕頂部和底部看起來很彆扭，此時可以通過如下幾種方式進行適配 1 設定viewport fit viewport f...
在安卓手機上除錯移動端專案
要保證自己的手機可以正常執行 要保證 手機 和 開發專案的電腦 處於同乙個 wifi 環境中，也就是說 手機 可以 訪問到 電腦的 ip開啟自己的 專案中 package.json 檔案，在 dev 指令碼中，新增乙個 host 指令，把 當前 電腦的 wifi ip位址，設定為 host 的指令值...