app浏览器在滚动惯性中点击事件失效

1,030 阅读1分钟

起因:

今天在开发的时候被产品测出一个问题

就是在手机页面滚动的过程中,点击支付,跳转,以及按钮弹框都是失效的

过程:

@click="purchaseNow">立即抢购</div>

滚动时事件没有触发  我尝试使用touchstart事件

<div class="package-official-common-right" @touchstart="purchaseNow(e)">立即抢购</div>

依然没有触发

尝试:

我在尝试用JavaScript实现触控设备的双击处理程序时遇到了同样的问题。

如果动量滚动发生在iOS Safari中,那么touchstart以及click事件在初始点击(启动滚动的touchstart)后约500毫秒内不会发送。 

 如果你在touchstart处理程序中放置一个preventDefault(),那么这就解决了这个问题(但禁止滚动)。

有两种可能的选择: 禁用“触摸滚动”并接收所有touchstart事件(在touchstart处理程序中使用preventDefault()) 启用“本机触摸滚动”,但在滚动初始触摸开始后约500毫秒内不接收touchstart事件 我希望能证明我是错的。

有木有在滚动接收事件,并且不影响滚动的方法哦