MouseMove 이벤트가 Chrome에서 트리거되지 않음

Question

함수를 트리거하는 mousemove에 대한 이벤트 리스너를 추가했습니다. 어떤 이유로 Chrome에서 트리거되지 않습니다. 테스트 중에 콘솔에 쓰고 있기 때문에 알 수 있습니다. keyup eventlistener와 scroll eventlistener가 모두 트리거되지만 mousemove는 Chrome에 없습니다. 그것은 사파리와 파이어 폭스에서 잘 작동합니다. 여기 내 코드입니다 :

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

는 그리고 기능은 트리거 : 그것은 작품, 그냥 DOM이 처음로드되었는지 확인해야합니까

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

.

은 그럼 당신은 갈 수 있어야한다

<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> 

로 현재 스크립트를 교체합니다. 라이브 here

Answer 2

입력 해 주셔서 감사합니다. 필자는 HTML이 필요하다고 생각하지 않았기 때문에 HTML을 게시하지 않았습니다. 웹 앱이 상당히 복잡해서 빠져 버렸습니다. 간단히 말해, 마우스를 움직이는 동안 콘솔을 보면 마우스 움직임이 콘솔에 기록되지 않습니다. 클릭하면 mousemove 이벤트가 시작되고 scroll 및 keyup 이벤트는 콘솔에 로그인하지만 mousemove는 실행하지 않습니다. 나는 콘솔을 닫고, 마우스를 움직이고, 콘솔을 보는 것으로 알았다. 빌라! mousemove가 기록되었습니다.

테스트 도중 디버깅을 쉽게 할 수 있도록 코드를 변경했습니다. 내가 개발자 도구를 사용하고있는 동안 콘솔이 MouseMove 이벤트를 기록하지 왜 사람이 알고있는 경우

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

알려 주시기 바랍니다.

Answer 3

콘솔이 열려있을 때 "mousemove"이벤트가 자주 발생하지 않는 것 같습니다 (캔버스 클릭 만) . 콘솔이 닫히면 마우스가 화면 주위를 이동할 때 계속 발사됩니다.