如何检测跨浏览器的在线/离线事件？

Question

如何检测跨浏览器的在线/离线事件？

我正在尝试使用HTML5在线和离线事件准确地检测浏览器何时脱机。

这是我的代码：

<script>
    // FIREFOX
    $(window).bind("online", applicationBackOnline); 
    $(window).bind("offline", applicationOffline);

    //IE
    window.onload = function() {
        document.body.ononline = IeConnectionEvent;
        document.body.onoffline = IeConnectionEvent;
    } </script>

当我在Firefox或IE上点击“脱机工作”时，它工作正常，但是当我实际拔掉电线时它会随机工作。

检测此变化的最佳方法是什么？我想避免重复带有超时的ajax调用。