html5-深入浅出(3)

在线和离线事件

  navigator.onLine 是一个值为 true/false  (true 表示在线, false 表示离线) 的属性。。当浏览器从在线与离线状态中切换时,会触发「online」与「offline」这两个事件,这两个事件会在页面的 <body> 上触发。此外,该事件会从 document.body 冒泡到 document 上,最后到达 window。两个事件都无法被取消(你无法阻止用户进入在线或离线状态)。

  

<script>
        function updateOnlineStatus(event) {
            var condition = navigator.onLine ? "online" : "offline";
            console.log("Event: " + event.type + "; Status: " + condition);
        }
        window.addEventListener("offline", updateOnlineStatus)
        window.addEventListener("online", updateOnlineStatus)
 </script>

  只有网络状态变化时,此事件才会触发

猜你喜欢

转载自www.cnblogs.com/xqzi/p/10567044.html
今日推荐