IdleDetector: change event

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers. 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. 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.     idleDetector.addEventListener('change', () => {
      const userState = idleDetector.userState;
      const screenState = idleDetector.screenState;
      console.log(`Idle change: ${userState}, ${screenState}.`);
    });


Specifications

Specification
Idle Detection API # api-idledetector-onchange

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
94
No
No
80
No
94
94
No
66
No
17.0




Found a problem with this page?

Edit on GitHub
Source on GitHub
Report a problem with this content on GitHub
Want to fix the problem yourself? See our Contribution guide.


Last modified: Mar 10, 2022, by MDN contributors


    
{'path': 'public/docs/dom/idledetector/change_event.html', 'source': 'DevDocs.IO'}