Выполнение действия в состоянии ожидания в JavaScript - PullRequest
Новая
       32

Выполнение действия в состоянии ожидания в JavaScript

2 голосов
/ 19 декабря 2010

Я пытаюсь настроить скрипт на веб-странице, который выполняет следующие действия: если мышь неактивна в течение определенного времени (скажем, пять секунд), выполнить действие (скажем, скрыть элемент);затем, если мышь перемещена, выполните действие (скажем, не скрывая элемент).

То, что я хочу, - это какой-нибудь способ выполнить действие при неактивности мыши пользователя (не обязательно при отсутствии клавиатуры).

Спасибо за вашу помощь.

1 Ответ

4 голосов
/ 19 декабря 2010

Если вы используете jQuery: 

(function() {
    var timeout;
    var isHidden = false;
    $(document).mousemove(function() {
        if (timeout) {
            window.clearTimeout(timeout);
        }
        timeout = window.setTimeout(function() {
            if (!isHidden) {
                //hide the element here
                isHidden = true;
            }
        }, 5000);
        if (isHidden) {
            //show the element here
            isHidden = false;
        }
    });
})();

Версия не jQuery: 

(function() {
    var timeout;
    var isHidden = false;

    function hideOnIdle() {
        if (timeout) {
            window.clearTimeout(timeout);
        }
        timeout = window.setTimeout(function() {
            if (!isHidden) {
                //hide the element here
                isHidden = true;
            }
        }, 5000);
        if (isHidden) {
            //show the element here
            isHidden = false;
        }
    }

    if (document.addEventListener) {
        document.addEventListener("mousemove", hideOnIdle);
    } else {
        document.attachEvent("onmousemove", hideOnIdle);
    }
})();

jsfiddle

...