首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当鼠标指针位于浏览器视口外时捕获事件

当鼠标指针位于浏览器视口外时捕获事件
EN

Stack Overflow用户
提问于 2013-04-16 12:28:33
回答 1查看 4.4K关注 0票数 1

我正在用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);

}

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

EN

Stack Overflow用户

发布于 2013-04-16 14:12:34

代码语言:javascript
复制
jQuery(document).mouseleave(function(){console.log('out')})

当鼠标不在你想要的页面中时,这将触发。只需将函数更改为您想做的任何事情即可。

此外,您还可以使用:

代码语言:javascript
复制
jQuery(document).mouseenter(function(){console.log('in')});

在鼠标进入页面时触发,以再次启动计数器。

票数 5
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16028812

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档