HarmonyOS web组件拦截返回手势

1、在WEB组件中拦截系统返回()

2、onBackPressed 返回true 和false 拦截都没有生效

HarmonyOS
2024-12-25 15:34:38
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

如果想拦截返回动作并实现web组件加载的页面返回上一页,可参考如下代码:

import web_webview from '@ohos.web.webview'

@Entry
@Component
struct Index8 {
  @State message: string = 'Hello World';
  fbtWebviewController = new web_webview.WebviewController()


  //测试方法:打开百度后(主页A),检索随机信息进入下一页面(页面B),在页面B点击返回按钮可以先返回主页A
  onBackPress(): boolean | void {

    console.log(`this.fbtWebviewController.accessBackward():${this.fbtWebviewController.accessBackward()}`)
    //判断web页面是否可后退,
    if (this.fbtWebviewController.accessBackward()) {
      //若可回退,后退一个web页面
      this.fbtWebviewController.backward();
      return true
    }
    return false
  }

  build() {
    Column() {
      Web({ src: 'www.index.com', controller: this.fbtWebviewController })

    }
    .width("100%")
    .height("100%")
    .justifyContent(FlexAlign.Center)
  }
}

文档链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-custom-component-lifecycle-V5#onbackpress

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-app-ability-uiability-V5#uiabilityonbackpressed10

分享
微博
QQ
微信
回复
2024-12-25 18:00:55
相关问题
HarmonyOS 拦截系统返回手势问题
960浏览 • 1回复 待解决
HarmonyOS 如何禁用页面返回手势
410浏览 • 1回复 待解决
HarmonyOS 禁用滑动返回手势问题
214浏览 • 1回复 待解决
获取左滑返回手势方法
555浏览 • 1回复 待解决
HarmonyOS Web组件拦截返回按钮
338浏览 • 1回复 待解决
HarmonyOS 返回手机桌面
400浏览 • 1回复 待解决
HarmonyOS web组件怎么拦截请求
715浏览 • 1回复 待解决
APP如何主动返回手机桌面
658浏览 • 1回复 待解决
HarmonyOS Web对about:blank组件拦截
385浏览 • 1回复 待解决
HarmonyOS web组件关闭跨域拦截
140浏览 • 1回复 待解决
Web组件如何开启手势缩放
1872浏览 • 1回复 待解决
HarmonyOS Web组件实现异步的请求拦截
197浏览 • 1回复 待解决