小程式監聽螢幕滑動事件

2022-01-11 21:53:38 字數 669 閱讀 2818

小程式監聽螢幕滑動事件

功能設計背景

小程式頁面點選事件的座標系是以左下角為原點的直角座標系。

功能實現

1.在你需要監聽的塊外增加監聽遮罩層,包含待監聽塊在內

2.根據觸點的起始位置和終止位置計算滑動方向(在data中配置touchxtouchy數值)

touchstart(e) )

},touchend(e) else if (x - that.data.touchx < -50 && math.abs(y - that.data.touchy) < 50)

if(y - that.data.touchy > 50 && math.abs(x - that.data.touchx) < 50)else if(y - that.data.touchy < -50 && math.abs(x - that.data.touchx) < 50)

//根據方向進行操作

if(turn == 'down')

},

參考

校園小程式

螢幕事件監聽

1 oll.addeventlistener touchstart ollscroll,false 2 3function ollscroll ev 4var touch ev.touches 0 第一次觸控點 5 starty touch.clienty,6 speedy 0,7 maxtop o...

微信小程式監聽螢幕上滑下滑事件

需求是在list頁中帶有搜尋框,下滑時隱藏頂部輸入框,上滑時顯示輸入框,提高一點點使用者體驗。避免想要搜尋就必須上滑至頂部。實現 首先輸入框得固定在頂部。wxml class search box bindtouchstart handletouchstart bindtouchmove handl...

監聽螢幕解鎖事件

在做乙個程式的時候,需要時刻保持某一服務是啟動的,因此想到了通過監聽螢幕screen on和screen off這兩個action。奇怪的是,這兩個action只能通過 的形式註冊,才能被監聽到,使用androidmanifest.xml 完全監聽不到。查了一下,發現這是powermanager那邊...