vue封裝手勢滑動

2021-10-05 10:39:22 字數 856 閱讀 3935

利用touchstart和touchend事件,判斷手指觸控螢幕的位置距離差,在有效的時間內,即可判斷滑動方向

"handletouchstart" @touchend=

"hanldetouchend"

>

<

/slot>

<

/view>

<

/template>

export

default},

methods:

,hanldetouchend

(e)// 判斷是否超過一定滑動距離

if(math.

abs(

this

.touchendx -

this

.touchstartx)

<

this

.distance || math.

abs(

this

.touchendy -

this

.touchstarty)

>

this

.distance)

// 判斷滑動的方向

const direction =

this

.touchendx -

this

.touchstartx <0?

'right'

:'left'

this

.$emit

('swiperaction',)

}}}<

/script>

"scss"

>

<

/style>

Android開發之手勢滑動(滑動手勢監聽)詳解

android開發之手勢滑動 滑動手勢監聽 詳解 在android應用中,經常需要手勢滑動操作,比如上下滑動,或左右方向滑動,處理手勢滑動通常有兩種方法 一種是單獨實現setontouchlistener 來,另一種是構建手勢探測器 第一種方法,就是在要實現滑動的view中,實現ontouchlis...

GestureDetector手勢滑動識別

手勢識別是我們日常使用電子物品中非常常見的乙個功能,這個功能大大提公升了使用者體驗的感受 手勢識別主要有兩種方法,一種是gesturedetector,另一種是gestureoverlayview 現在來研究下gesturedetector方法 1.手指觸屏的一瞬間,觸發motionevent事件 ...

ios 左右滑動手勢

這是乙個很簡單的例項,向做滑動,開啟側邊欄,向右滑動,關閉側邊欄。1.在viewcontroller中新增兩個屬性 property nonatomic,strong uiswipegesturerecognizer leftswipegesturerecognizer property nonat...