Question

如果不活动且在特定div中，我如何让鼠标隐藏？我的网站上有“html5gallery-box-0”div，如果用户在几秒钟之后让它在div上/内部空闲，我需要隐藏鼠标。这是我正在研究的jsfiddle。

这是我用来隐藏鼠标的js。

$(function () {
var timer;
var fadeInBuffer = false;
$(document).mousemove(function () {
    if (!fadeInBuffer) {
        if (timer) {
            console.log("clearTimer");
            clearTimeout(timer);
            timer = 0;
        }

            console.log("fadeIn");
        $('html').css({
            cursor: ''
        });
    } else {
        fadeInBuffer = false;
    }


    timer = setTimeout(function () {
        console.log("fadeout");
        $('html').css({
            cursor: 'none'
        });
        fadeInBuffer = true;
    }, 500)
});

}）;

Answer 1

这将有效

 $(function() {
    var timer;
    var fadeInBuffer = false;
    $(document).mousemove(function() {
        if (!fadeInBuffer) {
            if (timer) {
                console.log("clearTimer");
                clearTimeout(timer);
                timer = 0;
            }

            console.log("fadeIn");
            $('html').css({
                cursor: ''
            });
        } else {
            $('.html5gallery-box-0').css({
                cursor: 'default'
            });
            fadeInBuffer = false;
        }


        timer = setTimeout(function() {
            console.log("fadeout");
            $('.html5gallery-box-0').css({
                cursor: 'none'
            });

            fadeInBuffer = true;
        }, 2000)
    });
    $('.html5gallery-box-0').css({
        cursor: 'default'
    });
});

这里是小提琴（如果你想改变空闲时间就行了，现在是2秒）。

http://jsfiddle.net/eugensunic/1Lsqpm3y/4/

如果在几秒钟后在div内空闲，则隐藏鼠标光标

1 个答案: