NETWORK

作者: 光明大兄弟 | 来源:发表于2020-04-27 15:35 被阅读0次

 // 网络状况

    class Network {

      // 有网络的钩子

      static observerOnline(func = () => {}) {

        Network.addHandler(window, 'online', func);

      }

      // 断网的钩子

      static observerOffline(func = () => {}) {

        Network.addHandler(window, 'offline', func);

      }

      static addHandler(elementParam, type, handler) {

        const element = elementParam;

        if (element.addEventListener) {

          element.addEventListener(type, handler, false);

        } else if (element.attachEvent) {

          element.attachEvent(`on${type}`, handler);

        } else {

          element[`on${type}`] = handler;

        }

      }

    }

    // 监听有网的情况

    Network.observerOnline(() => {

      const isRefresh = confirm('网络已恢复正常,是否要刷新页面?');

      if (isRefresh === true) {

        window.location.reload();

      }

    });

    // 监听断网的情况

    Network.observerOffline(() => {

      alert('目前已断网,请检查您的网络链接。');

    });

相关文章

网友评论

      本文标题:NETWORK

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