Событие MouseMove не запускается в Chrome

Question

Я добавил слушателя событий для mousemove, который запускает функцию. По какой-то причине он не запускается в Chrome. Я могу сказать, потому что я пишу на консоль во время тестирования. Ключ eventlistener и свиток событий прокрутки запускаются, но mousemove не находится в Chrome. Он отлично работает в Safari и FireFox. Вот мой код:

document.body.addEventListener("mousemove", RenewTimeoutTime); 
document.body.addEventListener("keyup", RenewTimeoutTime); 
document.body.addEventListener("scroll", RenewTimeoutTime); 

И функция это вызывает:

function RenewTimeoutTime(){ 
    var pageName = window.location.href; 
    var currentTime = new Date(); 
    localStorage.setItem("inTimeout", false); 
    localStorage.setItem("AI_Timeout_Time", currentTime.getTime() + 270000; 
    console.log(localStorage.getItem("AI_Timeout_Time")); 
} 

Answer 1

Это работа, вы просто должны проверить, загружен ли DOM первым.

Заменить текущий сценарий с

<script> 
document.addEventListener('DOMContentLoaded', addListen, false); //this is the important bit 

function addListen(){ 
    document.body.addEventListener("keyup", RenewTimeoutTime); 
    document.body.addEventListener("scroll", RenewTimeoutTime); 
    document.body.addEventListener("mousemove", RenewTimeoutTime); 
} 

function RenewTimeoutTime(){ 
    var pageName = window.location.href; 
    var currentTime = new Date(); 
    var time = currentTime.getTime(); //i replaced the time just to be neat 
    localStorage.setItem("inTimeout", false); 
    localStorage.setItem("AI_Timeout_Time", time + 270000); 
    console.log(localStorage.getItem("AI_Timeout_Time")); 
} 
</script> 

Тогда вы должны быть хорошо идти. Live here

Answer 2

Благодарим всех вас за ввод. Я не публиковал HTML, потому что не думал, что это необходимо. Веб-приложение довольно активно, так что я его оставил. Короче говоря, если я смотрю консоль, пока я перемещаю мышь, движение мыши не войдет в систему на консоли. Щелчок вызывает событие mousemove, а события прокрутки и keyup регистрируются в консоли, но mousemove этого не делает. Я узнал, закрывая консоль, передвигая мышь, а затем просматривая консоль. Вуаля! Мусомова была зарегистрирована.

Я изменил свой код для более легкой отладки только во время тестирования.

window.addEventListener("mousemove", function(){console.log("mouse move");}); 
window.addEventListener("keyup", function(){console.log("keyup");}); 
window.addEventListener("scroll", function(){console.log("scroll");}); 

Если кто-нибудь знает, почему консоль не будет регистрировать MouseMove в то время как я использую инструменты разработчика, пожалуйста, дайте мне знать.

Answer 3

Проблема заключается в том, что события «mousemove» запускаются нечасто (только на холсте) , когда консоль открыта. Если консоль закрыта, они запускаются непрерывно, когда мышь перемещается по экрану.