美文网首页JavaScript
[JavaScript] visibilitychange事件

[JavaScript] visibilitychange事件

作者: 何幻 | 来源:发表于2016-03-06 10:44 被阅读1714次

    visibilitychange事件是浏览器新添加的一个事件,
    当浏览器的某个标签页切换到后台,或从后台切换到前台时就会触发该消息,
    现在主流的浏览器都支持该消息了,例如Chrome, Firefox, IE10等。

    document.addEventListener("visibilitychange", function(){
        alert();
    }, false);
    

    现在某些浏览器还保留了visibilitychange的前缀
    例如Chrome浏览器还保留着webkit前缀,
    不过该事件已经趋于稳定,在Chrome 33及以后就去掉了前缀,
    直接使用visibilitychange

    注:
    (1)微信内置的浏览器因为没有标签,所以不会触发该事件。
    (2)手机端直接按Home键回到桌面,也不会触发该事件。
    (3)PC端浏览器失去焦点不会触发该事件,但是最小化,或回到桌面会触发。

    相关文章

      网友评论

        本文标题:[JavaScript] visibilitychange事件

        本文链接:https://www.haomeiwen.com/subject/rujnkttx.html