IdleDetector

IdleDetector() Experimentell

Erstellt ein neues IdleDetector-Objekt.

IdleDetector.userState Nur lesbar Experimentell

Gibt einen String zurück, der angibt, ob der Benutzer mit dem Bildschirm oder dem Gerät innerhalb der an start() übergebenen Schwelle interagiert hat, entweder "active" oder "idle". Dieses Attribut gibt null zurück, bevor start() aufgerufen wird.

IdleDetector.screenState Nur lesbar Experimentell

Gibt einen String zurück, der angibt, ob der Bildschirm gesperrt ist, entweder "locked" oder "unlocked". Dieses Attribut gibt null zurück, bevor start() aufgerufen wird.

change Experimentell

Wird aufgerufen, wenn sich der Wert von userState oder screenState geändert hat.

IdleDetector.requestPermission() Experimentell

Gibt ein Promise zurück, das aufgelöst wird, wenn der Benutzer gewählt hat, ob er dem Ursprung Zugriff auf seinen Leerlaufzustand gewähren möchte. Wird mit "granted" bei Annahme und "denied" bei Ablehnung aufgelöst.

IdleDetector.start() Experimentell

Gibt ein Promise zurück, das aufgelöst wird, wenn der Detektor beginnt, Änderungen im Leerlaufzustand des Benutzers zu überwachen. userState und screenState erhalten Anfangswerte. Diese Methode nimmt ein optionales options-Objekt mit der threshold in Millisekunden, in der Inaktivität gemeldet werden soll, und signal für einen AbortSignal, um den Leerlaufdetektor abzubrechen.

Das folgende Beispiel zeigt die Erstellung eines Detektors und das Protokollieren von Änderungen am Leerlaufzustand des Benutzers. Ein Button wird verwendet, um die notwendige Benutzeraktivierung vor dem Anfordern der Berechtigung zu erhalten.

const controller = new AbortController();
const signal = controller.signal;

startButton.addEventListener("click", async () => {
  if ((await IdleDetector.requestPermission()) !== "granted") {
    console.error("Idle detection permission denied.");
    return;
  }

  try {
    const idleDetector = new IdleDetector();
    idleDetector.addEventListener("change", () => {
      const userState = idleDetector.userState;
      const screenState = idleDetector.screenState;
      console.log(`Idle change: ${userState}, ${screenState}.`);
    });

    await idleDetector.start({
      threshold: 60_000,
      signal,
    });
    console.log("IdleDetector is active.");
  } catch (err) {
    // Deal with initialization errors like permission denied,
    // running outside of top-level frame, etc.
    console.error(err.name, err.message);
  }
});

stopButton.addEventListener("click", () => {
  controller.abort();
  console.log("IdleDetector is stopped.");
});