移動端事件

2021-08-15 05:18:16 字數 731 閱讀 1287

移動端事件:

①onclick:   移動端也可以使用onclick事件,但是查閱資料上說會有300ms的延遲,究竟是不是有待考究。

②ontouchstart: 相當於pc端的onmousedown,詳細可參照先前寫的文件--「事件」。下同

③ontouchend:  相當於pc端的onmouseup.

④ontouchmove: 等價於pc的 onmousemove。注意:在呼叫該事件的時候,預設網頁會跟著滑動,為了解決這一問題,我們在事件的內部加上一條語句:return false 來組織預設事件。

⑤ontouchcancel :取消觸控的時候觸發。比如來**、資訊等,系統中止觸控事件的時候會觸發,每個手機觸發方式不一樣。

移動端事件物件:

每個觸屏事件都包含事件物件。事件物件常用的有三個屬性

touches        螢幕上所有的手指列表

targettouches  元素內的所有手指列表

changedtouches  改變了狀態的手指列表

兩個移動端裝置事件:加速計(測當前重力加速度)、 陀螺儀(測當前所處方位,用來定位)。

備註:說不清楚,直接上**。

// 首先判斷手機是否支援加速計和陀螺儀

if (window.devicemotionevent)

// 靜態的手機朝向

window.ondeviceorientation = function(ev)

} else

移動端事件

一 touch 1 touchstart 當手指觸碰螢幕時發生,不管當前多少根手指 2 touchmove 當手指在螢幕上滑動時連續觸發,通常我們在滑屏頁面,會呼叫event的preventdefault 可以阻止預設情況的發生 阻止頁面滾動 3 touchend 當手指離開螢幕時觸發 4 touc...

移動端事件(一) 移動端事件和物件

在我們開始用原聲js寫移動端輪播前,我們先了解一些移動端的基礎。touch事件 touchevents物件 滑屏的思想與實現 移動端touch事件 let box document.queryselector box touchstart mousedown 手指觸碰元素 touchmove mou...

移動端滑動事件

專案中要實現乙個功能,在寬度高度固定的乙個div中放入幾張,的高度與div的高度相等,幾張的總長度要遠遠超過div的長度,那麼問題來了,如何才能讓使用者通過手指的滑動,看到所有的呢?這個可以有兩種方法 方法一 此時,已經可以進行的滑動了 方法二 在父元素上設定white space nowrap,保...