Отследить неактивность мыши в течение времени
Задача в том, чтобы произвести действие после того, как пользователь не двигал мышку в течение 10 секунд. Пробовал делать так:
let timeout;
const eventHandlerHiddenElement = () => {
clearTimeout(timeout);
timeout = setTimeout(() => alert("Move stop!"), 10000);
}
<div onMouseMove={() => eventHandlerHiddenElement()}>
content
</div>
Но alert срабатывает много раз после остановки. Как правильно реализовать эту задачу?