Skip to content

在回放期间与 UI 交互 ​

默认情况下,回放期间的 UI 无法交互。但你可以通过 API 以编程方式启用/禁用交互。

js
import { Replayer } from '@rrweb/replay';

const replayer = new Replayer(events);

// enable user interact with the UI
replayer.enableInteract();

// disable user interact with the UI
replayer.disableInteract();

rrweb 使用 CSS 属性 pointer-events: none 来禁用交互。

这能让回放更加稳定,并避免诸如点击外部链接而发生跳转等问题。

如果你希望启用用户交互(例如输入),可以使用 enableInteract API。但请确保你已经处理了可能导致回放不稳定的问题。