Idle detection
Idle Detection API はユーザーがキーボードやマウスを操作していないアイドル状態を検知し、チャットの在席表示等に使用します。
概要
Idle Detection API はユーザーがキーボードやマウスを操作していないアイドル状態を検知し、チャットの在席表示等に使用します。
対応ブラウザ
デスクトップ
Chrome 94+
Edge 114+
Safari 未対応
Firefox 未対応
モバイル
Chrome Android 94+
Safari iOS 未対応
Firefox Android 未対応
基本構文
JAVASCRIPT
const detector = new IdleDetector();
detector.addEventListener('change', () => {
console.log('ユーザー:', detector.userState); // 'active' | 'idle'
console.log('画面:', detector.screenState); // 'locked' | 'unlocked'
});
await detector.start({ threshold: 60000 });実務での使いどころ
-
Idle detection の活用
Idle Detection API。ユーザーのアイドル状態を検知するAPI。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。