ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定
2010年03月09日-
スポンサード リンク
Detecting ‘Idle’ and ‘Away’ Timeouts in Javascript | BedroomLAN
ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定のサンプルコードが紹介されています。
JavaScript のコードで、onIdle、onAway といったイベントハンドラが使えるようになり、それぞれのイベント時に実行したいコードを設定できます。
例えば、ユーザがPCに戻ったときに、おかえり!といった文言を表示することができ、ユーザビリティの向上に役立てられそうです。
具体的なコードは必要なライブラリを読み込んだ後継ぎのように記述します。
setIdleTimeout(2000); // アイドルになるまでを2秒に設定
setAwayTimeout(4000); // Awayになるまでを4秒に設定
document.onIdle = function() { /* アイドルになった時の処理 */ }
document.onAway = function() { /* Awayになった時の処理 */ }
document.onBack = function(isIdle, isAway) {
/* ブラウザに戻った時の処理 */
}
また1つ自由度が増えました。jQueryのプラグインなんかで簡単に設定できるようになるとよさそうですね。
関連の記事検索:アイドル
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 約7500種の汎用ピクトグラムアイコン集「Phosphor Icons」
- ほぼCSSで実装されたUIフレームワーク「Ellegant CSS」
- TailwindCSSベースの150種類以上のUIライブラリ「SailboatUI」
- 1700種類以上のSVGアイコン「MingCute Icon」
- 2000種類以上の汎用ピクトグラムアイコン集「Atlas Icons」
- かわいい手書き風フォント「うさぎとまんげつのサンセリフ」
- 過去のエントリ