前端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)