新加载页面$(window).focus()无效问题的解决

最新推荐文章于 2023-02-13 15:01:34 发布

原创最新推荐文章于 2023-02-13 15:01:34 发布 · 7.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #foucs #jquery

BUG 同时被 2 个专栏收录

10 篇文章

订阅专栏

3 篇文章

订阅专栏

本文介绍了一个页面加载后未能自动触发focus事件的问题，并提供了解决方案。通过使用setTimeout结合triggerHandler方法，可以在页面加载后手动触发窗口的focus事件，解决了兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

新打开了一个页面，需要在页面的focus事件中触发函数，代码如下：

$(function(){
        var end=null;
        //页面失去焦点则停止提交
        $(window).blur(function(){
            clearInterval(end);
        });
        //页面得到焦点开始提交
        $(window).focus(function(){
            readBegin();
            end = setInterval(readEnd, 5000);
        });
        $(window).focus();
    });

发现在页面加载之后，window没有触发focus事件，多处翻阅资料，后改为如下代码即可：

$(function(){
        var end=null;
        //$(window).trigger("focus");
        //页面失去焦点则停止提交
        $(window).blur(function(){
            clearInterval(end);
        });
        //页面得到焦点开始提交
        $(window).focus(function(){
            readBegin();
            end = setInterval(readEnd, 5000);
        });
        window.setTimeout("$(window).triggerHandler('focus');", 100);//setTimeout可解决事件触发兼容问题，triggerHandler为执行focus事件却又不会让此元素获取焦点
    });