javascript - JS检测离线？我究竟做错了什么

Question

我是一个 JS 新手，所以我想弄清楚如何使这个来自 w3c 的示例在我的将在 PhoneGap 框架中运行的 WebApp 中工作...

我确信这很容易，但是当事件监听器被触发时，它会运行带有警报的附加函数，问题是它会再次执行所有内容。所以说我关闭我的 iphone，我会收到一个警报然后它会执行下一个警报，上面写着它在线......任何人......如果你们中的任何人对执行这样的功能有更好的想法让我知道PhoneGap Cordova 还有另外两种方法。

<script>
<!--
window.addEventListener("offline", function(e) {alert("offline");})
window.addEventListener("online", function(e) {alert("online");})
if (navigator.onLine) {
  alert('online')
  //functions to run online
} else {
  alert('offline');
  //offline functions or through into loop
}
-->
</script>

Answer 1

您在 addEventListener 函数中缺少一个参数。 对我来说这很好用:

window.addEventListener("offline", function () {
    console.log("Online status: " + navigator.onLine);
}, false);

window.addEventListener("online", function () {
    console.log("Online status: " + navigator.onLine);
}, false);