W3cubDocs

/Web APIs

IdleDetector: change event

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The change event of the IdleDetector interface fires when the value of userState or screenState has changed.

Syntax

Use the event name in methods like addEventListener(), or set an event handler property.

js

addEventListener("change", (event) => {});

onchange = (event) => {};

Event type

A generic Event.

Example

In the following example, the change callback prints the status of userState and screenState to the console.

js

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

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
change_event 94 11494–96 No No 80 No 94 94 No 66 No 17.0

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/IdleDetector/change_event