Lightweight User Idle Tracker In Vanilla JavaScript

Category: Javascript , Recommended | March 7, 2019
Author: willianjusten
Views Total: 173 views
Official Page: Go to website
Last Update: March 7, 2019
License: MIT


Lightweight User Idle Tracker In Vanilla JavaScript


Yet another vanilla JavaScript user idle tracker library that checks user interactions (click, keypress, keydown, load, mousemove, scroll, touchmove, touchstart) and trigger a function when a user is inactive for X amount of time.

How to use it:

Install and import the user-idle-tracker as an ES6 module.

# Yarn
$ yarn add user-idle-tracker

$ npm install user-idle-tracker --save
import UserIdleTracker from "user-idle-tracker";

For browser:

<script src="/lib/user-idle-tracker.min.js"></script>

Specify the idle time in milliseconds.

const idleTime = 3000;

Define a callback function which will be fired when the user goes idle.

function stillThere() {
  alert("Heeeey! Are you still there?");

Start the user idle tracker.

const tracker = new UserIdleTracker(stillThere, idleTime);

You Might Be Interested In:

Leave a Reply