一、 touch
1、touchstart：當手指觸碰螢幕時發生，不管當前多少根手指
2、touchmove：當手指在螢幕上滑動時連續觸發，通常我們在滑屏頁面，會呼叫event的preventdefault()可以阻止預設情況的發生；阻止頁面滾動
3、touchend：當手指離開螢幕時觸發
4、touchcancel：系統停止跟蹤觸控時觸發。例：在觸控時忽然來**了
二、觸控事件的響應順序
1、ontouchstart
2、ontouchmove
3、ontouchend
4、onclick：在移動端有300ms的延時，tap：有150ms的延時
三、event
1、originalevent（原生事件）是jquery封裝的事件
2、targettouches當前觸控的目標元素，返回乙個陣列
3、changedtouches頁面上最新更改的所有觸控
4、touches頁面上的所有觸控，如果想選中第乙個需要使用touches[0]
5、clientx、clienty相對於當前螢幕的x或y位置
6、pagex、pagey相對於整體頁面的x或y位置
7、transitionend：過渡結束事件
8、animationend：動畫結束事件
四、移動端事件框架
例如：zepto、touch.js，由原生touch事件封裝的如下：
1、swipe：滑動
2、swipeleft：左滑動
3、swiperight：右滑動
4、swipeup：上滑動
5、swipedown：下滑動
6、doubletap：雙擊
7、tap
8、singletap
9、longtap
移動端事件
移動端事件 onclick 移動端也可以使用onclick事件，但是查閱資料上說會有300ms的延遲，究竟是不是有待考究。ontouchstart 相當於pc端的onmousedown，詳細可參照先前寫的文件 事件 下同 ontouchend 相當於pc端的onmouseup.ontouchmove...
移動端事件（一） 移動端事件和物件
在我們開始用原聲js寫移動端輪播前，我們先了解一些移動端的基礎。touch事件 touchevents物件 滑屏的思想與實現 移動端touch事件 let box document.queryselector box touchstart mousedown 手指觸碰元素 touchmove mou...
移動端滑動事件
專案中要實現乙個功能，在寬度高度固定的乙個div中放入幾張，的高度與div的高度相等，幾張的總長度要遠遠超過div的長度，那麼問題來了，如何才能讓使用者通過手指的滑動，看到所有的呢？這個可以有兩種方法 方法一 此時，已經可以進行的滑動了 方法二 在父元素上設定white space nowrap，保...