uni app 專案封裝乙個滑動元件

2021-10-09 12:41:47 字數 733 閱讀 4997

記錄使用者按下螢幕的時間 date.now() 注意:返回的時時間戳,1970 -1-1 到現在的毫秒數

記錄使用者按下螢幕的座標 x 和 y

記錄使用者離開螢幕的時間 date.now()

記錄使用者離開螢幕的座標 x 和 y

根據兩個時間 運算 判斷 使用者按下螢幕時長是否合法

根據兩對座標 判斷距離是否合法 判斷 滑動方向

判斷使用者滑動距離是否合法 => 取絕對值判斷距離

判斷滑動的方向 => 相減 正為右滑 負為左滑

"handletouchstart" @touchend=

"handletouchend"

>

<

/slot>

<

/view>

<

/template>

export

default},

methods:

,handletouchend

(event)

// 宣告乙個變數 儲存 方向

let direction =

''// 結束座標 - 開始座標 math.abs(x) 返回x 的絕對值

if(math.

abs(endx -

this

.startx)

>10)

else},

},}<

/script>

封裝乙個移動端的滑動事件

if window.swipe swipe.iscroll function args swipe.iscroll.prototype 如果不存在父容器就停止初始化 if that.parentdom return false 找到子容器 that.childdom that.parentdom.c...

封裝的乙個手機端全屏滑動方法

下面是具體的 1 function root 1213 touch.prototype.init function 26 else31 3233 34 35 touch.prototype.bindevent function 47 48function move e 59 else64 65e.p...

封裝的乙個手機端全屏滑動方法

下面是具體的 1 function root 12 13 touch.prototype.init function else if value this.boundary else 84 elseelse if value 94 this.offsetx 0 95 this.offsety 0 9...