Javascript 当鼠标指针超出浏览器视口时捕获事件

我正在用javascript编写一个简单的无限计数器，当页面加载时，它开始计数

我想在鼠标指针位于视口之外时停止计数器

请帮忙

        var i=0;


            setInterval(function (){
               i++;

               document.getElementById("counterLoop").innerHTML=i;

            },1000);

    var viewportWidth  = document.documentElement.clientWidth;
     var viewportHeight = document.documentElement.clientHeight;


     function getCursorXY(e) {   
CurX = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
CurY = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);

}

如何捕获视口宽度和高度之外的鼠标移动事件

jQuery(document).mouseleave(function(){console.log('out')})

当鼠标不在您想要的页面中时，这将触发。只需更改函数即可执行所需的所有操作

您还可以使用：

jQuery(document).mouseenter(function(){console.log('in')});

当鼠标进入页面再次启动计数器时触发

当鼠标不在您想要的页面中时，这将触发。只需更改函数即可执行所需的所有操作

您还可以使用：

jQuery(document).mouseenter(function(){console.log('in')});

---

当鼠标进入页面时触发，再次启动计数器。

您是否尝试过任何操作？可能这将有助于@maxlego我尝试了上面的链接，但我切换到了其他窗口它没有丢失焦点ID您尝试过任何操作吗？可能这将有助于@maxlego我尝试了上面的链接，但我切换到了其他窗口它没有丢失焦点Focust这项技术在Chrome15到56（我的当前版本）中不稳定。但它在Firefox中非常有效。请看：这项技术在Chrome15到56（我的当前版本）中并不稳定。但它在Firefox中非常有效。见：