全屏javascript mousemove事件

时间:2013-10-10 17:40:03

标签: javascript jquery google-chrome fullscreen

出于某种原因,在PC上使用chrome(在mac上没有发生),当你进入全屏时,会弹出一个内置的chrome div,说你现在处于全屏模式,当div消失时,会触发{{{ 1}}事件。知道为什么吗?

mousemove

当鼠标实际上没有移动时,它基本上导致我的空闲鼠标功能被触发。这似乎只发生在chrome中。 PC上的Firefox没有这样做,mac上的chrome不能做到这一点。我正在使用var idleTimer; $videoContainer.mousemove(function() { if (!$jsplayer.prop('paused')) { if (idleTimer) { clearTimeout(idleTimer); $videoControls.stop(true,true).animate({opacity:1}, animationDuration); } idleTimer = setTimeout(function(){ $videoControls.stop(true,true).animate({opacity:0}, animationDuration); },3000); } });

google chrome 30.0.1599.69 m

1 个答案:

答案 0 :(得分:1)

您可以使用以下功能:

(注意:我使用全局var 窗口,请记住用全局var更改它!)

window.prev_x = null;
function mousemover(e) {
    if ((window.prev_x != null) && (window.prev_x != e.x)) {
        alert(e.x + ' - '+ window.prev_x);
    }
    window.prev_x = e.x;
};
document.addEventListener('mousemove', mousemover, false);

为了避免此事件,我想当鼠标更改此窗口然后返回 Chrome的DOM时事件触发