mousemove event JS

193
29 января 2018, 07:33

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

Answer 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; 
}
<div id="me-block"></div>

READ ALSO
Сравнить два двумерных массива

Сравнить два двумерных массива

Добрый день! Наткнулся недавно на такой способ сравнить два массива

312
TypeError: &#39;undefined&#39; is not a constructor ошибка new Audio() в сафари

TypeError: 'undefined' is not a constructor ошибка new Audio() в сафари

Доброго времени, тестирую скрипт в сафари:

264
Отправка файла через AJAX, используя PHPMailer

Отправка файла через AJAX, используя PHPMailer

Не отправляется прикрепляемый файлС форм данные приходят, но только не сам файл

304