手机小程序滑动返回是什么事件

手机小程序滑动返回是什么事件,第1张

微信小程序的滑动事件是通过bindtouchmove实现的,通过比较滑动事件前后的坐标判断滑动方向,微信小程序通过三个事件共同作用实现了触摸滑动事件,即 bingtouchstart、bindtouchmove 和 bindtouchend 事件。

WXML:

<view class='btn' bindtouchstart='touchStart' bindtouchmove='touchMove' bindtouchend='touchEnd'>

OK

</view>

JS:

data: {

touchS : [0,0],

touchE : [0,0]

},

touchStart: function(e){

// consolelog(etouches[0]pageX)

let sx = etouches[0]pageX

let sy = etouches[0]pageY

thisdatatouchS = [sx,sy]

},

touchMove: function(e){

let sx = etouches[0]pageX;

let sy = etouches[0]pageY;

thisdatatouchE = [sx, sy]

},

touchEnd: function(e){

let start = thisdatatouchS

let end = thisdatatouchE

consolelog(start)

consolelog(end)

if(start[0] < end[0] - 50){

consolelog('右滑')

}else if(start[0] > end[0] + 50){

consolelog('左滑')

}else{

consolelog('静止')

}

},

在 touchstart 时,监听到触摸开始时的 (x, y)位置;在 touchMove 方法中持续监听触摸点的位置(x, y),并保存在 data 中;在 touchEnd 方法中对开始的触摸位置和结束的触摸位置进行判断,如果移动距离大于 50 则判定为发生触摸滑动事件。

在上面示例中,当 X 轴方向的移动超过 50 时即判定为左滑或右滑,相应的也可以通过判断 Y 轴方向的滑动长度,来判断上滑或是下滑,由此实现触摸滑动的功能。

更多信息联系我的

微信小程序直播消息滑动,1打开微信,点击发现,找到小程序点击,进入小程序以后,在搜索框内输入手持d幕。

2进入小程序之后可以看到字幕的样式,选择中间滚动的字幕样式

3对边点击一处找到输入框,在输入框内输入你想显示的内容,点击右边的选项可以调节字幕内容的大小、颜色以及滚动速度等,然后保存到手机中就可以了。

下拉微信聊天页面,就会出现小程序列表,包括“最近使用”的小程序、“我的小程序”(收藏的小程序)。有些用户觉得这个功能碍眼,想要取消微信下拉小程序。那么微信下拉小程序怎么关闭?

1、 打开微信,下拉屏幕户就会看到小程序

2、 长按某个小程序,底部会出现“拖动到此处删除”,将要删除的小程序拖动到这个删除位置松开即可删除,把每个小程序都拖动去删除即可

3、 看到下拉小程序包含“我的小程序”和“最近使用”,可以去把对应的小程序删除。点击底部的“发现”后,选择“小程序”

4、 先把“我的小程序”的小程序删除,点击“我的小程序”

5、 点击右上角“编辑”

6、 点击要删除的的小程序左侧的红色按钮

7、 随后在右侧会出现“删除”,点击即可删除

8、 回到小程序中,最近使用下的小程序,向左滑动,就能看到“删除”的按钮,点击即可删除

关于微信下拉小程序怎么关闭的相关内容就介绍到这里了。

以上就是关于手机小程序滑动返回是什么事件全部的内容,包括:手机小程序滑动返回是什么事件、微信小程序直播消息滑动、微信下拉小程序怎么关闭等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/9465027.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存