javascript - JS中的onpagehide事件
高洛峰
高洛峰 2017-04-10 17:04:14
[JavaScript讨论组]

各位好啊!我在w3cschool上面看到onpagehide的用法是: 该事件在用户离开当前网页跳转到另外一个页面时触发。
所以我写了一段代码想尝试一下:

   <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <a href="http://www.baidu.com/">百度</a>

    <script>
        window.onpagehide = function () {
            alert("1");
        }
    </script>
</body>
</html>

我的理解是点击“百度”的时候会弹出“1”,可为什么直接跳转到百度,而没有弹出“1”呢?百度了一下,发现没有太多关于onpagehide的文章,w3cschool上面也没有实例,所以来这里打扰各位啦!

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(2)
PHP中文网

事件是触发了的,只不过页面都跳转了。window 对象 和 dom 对象都已经被销毁了。这个效果自然是无法实现了。如果你在事件里面加一段ajax 请求是可以执行的。

ringa_lee

你可以使用

window.addEventListener( 'blur', function() { console.log( 'blur' ); } );
window.addEventListener( 'focus', function() { console.log( 'focus' ); } );

来实现同样的效果,不过不清楚为什么onpagehide事件不被触发

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号