javascript - アイドル時間の後にマウスカーソルを非表示にすると、マウスを動かすと表示されます

Question

リーダー Web アプリケーションを作成しています。アイドル時間の後にマウス カーソルを非表示にしたいのですが、JavaScript、CSS を使用して Web ページのマウスを移動すると表示されます。

それを達成するための最良の方法は何ですか？

ありがとう

Answer 1

これは私にとってはうまくいきました（https://gist.github.com/josephwegner/1228975から取得）。

id ラッパーを持つ html 要素への参照に注意してください。

//Requires jQuery - http://code.jquery.com/jquery-1.6.4.min.js
$(document).ready(function() { 


    var idleMouseTimer;
    var forceMouseHide = false;

    $("body").css('cursor', 'none');

    $("#wrapper").mousemove(function(ev) {
            if(!forceMouseHide) {
                    $("body").css('cursor', '');

                    clearTimeout(idleMouseTimer);

                    idleMouseTimer = setTimeout(function() {
                            $("body").css('cursor', 'none');

                            forceMouseHide = true;
                            setTimeout(function() {
                                    forceMouseHide = false;
                            }, 200);
                    }, 1000);
            }
    });
});