Detecting ‘Idle’ and ‘Away’ Timeouts in Javascript | BedroomLAN

ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定のサンプルコードが紹介されています。
JavaScript のコードで、onIdle、onAway といったイベントハンドラが使えるようになり、それぞれのイベント時に実行したいコードを設定できます。
例えば、ユーザがPCに戻ったときに、おかえり！といった文言を表示することができ、ユーザビリティの向上に役立てられそうです。



具体的なコードは必要なライブラリを読み込んだ後継ぎのように記述します。

setIdleTimeout(2000); // アイドルになるまでを２秒に設定
setAwayTimeout(4000); // Awayになるまでを４秒に設定
document.onIdle = function() { /* アイドルになった時の処理 */ }
document.onAway = function() { /* Awayになった時の処理 */ }
document.onBack = function(isIdle, isAway) {
    /* ブラウザに戻った時の処理 */
}

また１つ自由度が増えました。jQueryのプラグインなんかで簡単に設定できるようになるとよさそうですね。