指针事件API和拖动

问题描述

我正在尝试使用Pointer Events API来实现仅限移动设备的触摸UI,但这是行不通的: https://codepen.io/kyrsquir/full/gOrZEoe

目标是允许在同一UI内滚动卡并在展开和折叠状态之间拖动卡。我只设法拉动手柄以在Chrome模拟器和iOS Safari中工作。通过卡内容进行拖动在任何地方都不起作用。

在Android Chrome上完全无法拖动。

最奇怪的部分是,相同的UI可以在touchstarttouchmovetouchend事件(https://codepen.io/kyrsquir/full/QWNZzav)中随处使用,但在Chrome on带有滚动条的Android太糟糕了,以至于我试图通过指针事件重新实现它。

Vue组件代码

touchmove

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)