前端API事件
【摘要】 HWH5.addEventListenerHWH5.navigateBackHWH5.appHWH5.onNetworkStatusChangeHWH5.onUserCaptureScreenHWH5.addEventListener支持版本>=10.0.2添加监听事件扫码体验：请求参数参数类型必填说明typeString是监听的类型。back：回退事件funcFunction是监听到事件后...
HWH5.addEventListener
HWH5.navigateBack
HWH5.app
HWH5.onNetworkStatusChange
HWH5.onUserCaptureScreen
HWH5.addEventListener
添加监听事件
扫码体验：
请求参数
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| type | String | 是 | 监听的类型。back：回退事件 |
| func | Function | 是 | 监听到事件后的执行函数，执行后将返回值传递给原生。 return true：继续执行回退 return false：拒绝回退 |
注意：同类型的事件，一个webview只能监听一次。
返回结果
无。
请求示例
ES6版本
HWH5.addEventListener({ type: 'back', func: () => { return true; } }).catch(error => { console.log('监听事件发生异常', error); });ES5版本
HWH5.addEventListener({ type: 'back', func: function() { return true; } }).catch(function (error) { console.log('监听事件发生异常', error); });
HWH5.navigateBack
回到上一个历史记录页面
扫码体验：
请求参数
无。
返回结果
无。
请求示例
ES6版本
HWH5.navigateBack().catch(error => { console.log('系统返回异常', error); });ES5版本
HWH5.navigateBack().catch(function (error) { console.log('系统返回异常', error); });
HWH5.app
提供四个生命周期事件，可以设置钩子方法
扫码体验：
请求参数
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| onLaunch | Function | 否 | 应用启动事件 |
| onShow | Function | 否 | 应用切换到前台事件 |
| onHide | Function | 否 | 应用切换到后台事件 |
| onClose | Function | 否 | 退出应用事件 |
返回结果
无。
请求示例
ES6版本
HWH5.app({ onLaunch() { // 启动事件 console.log('onLaunch'); }, onShow() { // 切换前台事件 console.log('onShow'); }, onHide() { // 切换后台事件 console.log('onHide'); }, onClose() { // 关闭事件 console.log('onClose'); } }).catch(error => { console.log(error); });ES5版本
HWH5.app({ onLaunch: function () { // 启动事件 console.log('onLaunch'); }, onShow: function () { // 切换前台事件 console.log('onShow'); }, onHide: function () { // 切换后台事件 console.log('onHide'); }, onClose: function () { // 关闭事件 console.log('onClose'); } }).catch(function(error) { console.log(error); });
HWH5.onNetworkStatusChange / HWH5.unregisterNetworkListener
监听网络状态变化事件 / 取消监听
扫码体验：
请求参数
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| fun | Function | 是 | 回调函数 |
返回结果
| 参数 | 说明 |
|---|---|
| isConnected | 当前是否有网络连接 |
| networkType | 返回值 wifi：无线网络 notReachable：无网络 wwan/4g/3g/2g：移动网络 unknown：未知 |
请求示例
ES6版本
HWH5.onNetworkStatusChange((res) => { console.log(res.isConnected); console.log(res.networkType); }); HWH5.unregisterNetworkListener() .then(res => res) .catch(err => err);ES5版本
HWH5.onNetworkStatusChange(function (res) { console.log(res.isConnected); console.log(res.networkType); }); HWH5.unregisterNetworkListener() .then(function (res) { return res; }) .catch(function (err) { return err; });
HWH5.onUserCaptureScreen
监听用户主动截屏事件
扫码体验：
请求参数
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| function | Function | 是 | 手机截屏成功回调函数，失败会进入catch回调 |
注意：截屏事件监听，多次申明只会回调最后一次
返回结果
无。
请求示例
ES6版本
HWH5.onUserCaptureScreen(()=>{ console.log('截屏成功') }).catch(error=>console.log(error));ES5版本
HWH5.onUserCaptureScreen(function () { console.log('截屏成功') }).catch(function (error) { console.log(error) });
【版权声明】本文为华为云社区用户原创内容，未经允许不得转载，如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）