mousemove event JS

#javascript #settimeout #mouse_event

Помогите пожалуйста, не лезет в голову как реализовать. Когда пользователь не двигает
 мышкой несколько секунд на div`е, нужно чтобы вызывалось событие при спокойствии мыши.
Проще говоря, мне нужен антоним на mousemove.
    

Ответы

Ответ 1

var meBlock = document.getElementById('me-block'),
  t;

meBlock.addEventListener('mousemove', function(e) {
  meBlock.style.backgroundColor = 'green';
   meBlock.style.color = "#fff";
  meBlock.innerHTML = 'МЫША БЕГАЕТ';
  clearTimeout(t);
  t = setTimeout(function() {
    meBlock.style.backgroundColor = 'red';
    meBlock.innerHTML = 'МЫША СТАЛ';
  }, 1000);
});

meBlock.addEventListener('mouseout', function(e) {
  meBlock.style.backgroundColor = 'transparent';
  meBlock.style.color = "#000";
  meBlock.innerHTML = 'МЫША НЕТЬ';
  clearTimeout(t);
})
#me-block {
  width: 200px;
  height: 100px;
  border: 1px solid #000;
}