Javascript 页面重绘在 touchmove 事件期间停止答案

【问题标题】：Javascript page repaint halted during touchmove eventJavascript 页面重绘在 touchmove 事件期间停止
【发布时间】：2011-10-02 19:58:04
【问题描述】：

我有一个元素相对于移动设备上的用户触摸（即用手指在屏幕上拖动它）移动（通过改变它的左边距）。

我注意到在 touchmove 事件期间（我相信它会在 touchstart 和 touchend 之间的整个时间内重复触发），浏览器不会重新绘制窗口，这意味着直到用户松开手指后才会更新显示屏幕。

我没有机会在各种设备上对此进行测试，因此它只能与 Android 设备、webkit 或更广泛的群体有关。

有没有人遇到过这种情况，是否有一种解决方法可以强制浏览器在事件期间重绘？

【问题讨论】：

【解决方案1】：

在 touchstart 事件上调用 event.preventDefault()。

【讨论】：