收藏
回答

movable-view的touchEnd事件丢失

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug movable-view 客户端 模拟器 2.3.0

场景介绍(如下图):

滑块只在小于屏幕宽度的范围内移动,上方日期是个swiper,可以左右滑动,滑块滑动到哪个日期哪个日期突出显示,或者日期滚动到滑块位置也突出显示


问题:

滑块使用的是moveable-view内嵌图片,检测滑块位置是在moveable-view的touchEnd事件中(因为要是在change事件中可能会存在性能问题),moveable-area的宽度设置为小于屏幕宽,moveable-view的宽度设置为更小,向右滑动moveable-view至手指超出屏幕范围,会触发touchEnd事件,但是向左滑动至手指超出屏幕范围就不会触发touchEnd事件,会造成以下情形出现:


最后一次编辑于  2018-09-21  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

7 个回答

  • 卢霄霄
    卢霄霄
    2018-09-21

    模拟器上,是这样

    2018-09-21
    赞同
    回复 6
    • 尚
      2018-09-21

      嗯,真机试了下没问题,但是发现了一个关闭小程序的异常操作(猜测可能是小程序中moveable-view的手势和微信自身的手势交互上的冲突):

      手指按住moveable-view向右下滑动,会触发整个小程序被下拉,露出微信原生的页面,然后小程序被拉下去关闭了😆


      2018-09-21
      赞同
      回复
    • 卢霄霄
      卢霄霄
      2018-09-21回复

      右滑有关闭和返回上一页的功能,这个东西没法禁用的哦~

      2018-09-21
      赞同 11
      回复
    • 尚
      2018-09-21回复卢霄霄

      哦,是的

      2018-09-21
      赞同
      回复
    • 尚
      2018-09-21回复卢霄霄

      灰常感谢大佬的热心解答,蟹蟹!

      2018-09-21
      赞同
      回复
    • 尚
      2018-09-21回复卢霄霄

      像上边的这种场景有没有更好的实现方法?麻烦给个思路

      2018-09-21
      赞同
      回复
    查看更多(1)