【前端】【H5 API】addEventListener监听网络状态的变动

WebviewObject

Webview窗口对象,用于操作加载HTML页面的窗口

属性

id:webview窗口的标识

方法:监听

addEventListener

添加事件监听器 wobj.addEventListener( event, listener, capture ); 参数说明: event: ( WebviewEvent ) 必选 Webview窗口事件类型 listener: ( EventCallback ) 必选 监听事件发生时执行的回调函数 capture: ( Boolean ) 可选 捕获事件流顺序,暂无效果 返回值:无

说明

向Webview窗口添加事件监听器,当指定的事件发生时,将触发listener函数的执行。 可多次调用此方法向Webview添加多个监听器,当监听的事件发生时,将按照添加的先后顺序执行。

演示案例1:监听网络状态

window.addEventListener(online,function(){
        console.log("已连接");
    })
    window.addEventListener(offline,function(){
        console.log("已断开");
    })
注意,只有在网络状态发生变化时才会触发监听事件,否则是不会触发监听事件的

removeEventListener

移除事件监听器 void wobj.removeEventListener( event, listener ); 参数说明: event: ( WebviewEvent ) 必选 要移除的事件类型 listener: ( EventCallback ) 必选 要移除的监听对象 返回值:无

说明

从Webview窗口移除通过addEventListener方法添加的事件监听器,若没有查找到对应的事件监听器,则无任何作用

WebviewObject Webview窗口对象,用于操作加载HTML页面的窗口 属性 id:webview窗口的标识 方法:监听 addEventListener 添加事件监听器 wobj.addEventListener( event, listener, capture ); 参数说明: event: ( WebviewEvent ) 必选 Webview窗口事件类型 listener: ( EventCallback ) 必选 监听事件发生时执行的回调函数 capture: ( Boolean ) 可选 捕获事件流顺序,暂无效果 返回值:无 说明 向Webview窗口添加事件监听器,当指定的事件发生时,将触发listener函数的执行。 可多次调用此方法向Webview添加多个监听器,当监听的事件发生时,将按照添加的先后顺序执行。 演示案例1:监听网络状态 window.addEventListener(online,function(){ console.log("已连接"); }) window.addEventListener(offline,function(){ console.log("已断开"); }) 注意,只有在网络状态发生变化时才会触发监听事件,否则是不会触发监听事件的 removeEventListener 移除事件监听器 void wobj.removeEventListener( event, listener ); 参数说明: event: ( WebviewEvent ) 必选 要移除的事件类型 listener: ( EventCallback ) 必选 要移除的监听对象 返回值:无 说明 从Webview窗口移除通过addEventListener方法添加的事件监听器,若没有查找到对应的事件监听器,则无任何作用
经验分享 程序员 微信小程序 职场和发展