HarmonyOS web组件拦截返回手势

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

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

HarmonyOS
2024-12-25 15:34:38
874浏览
收藏 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)
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.

文档链接: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 拦截系统返回手势问题
1541浏览 • 1回复 待解决
HarmonyOS 如何禁用页面返回手势
883浏览 • 1回复 待解决
HarmonyOS 禁用滑动返回手势问题
682浏览 • 1回复 待解决
获取左滑返回手势方法
1190浏览 • 1回复 待解决
HarmonyOS Web组件拦截返回按钮
783浏览 • 1回复 待解决
HarmonyOS 返回手机桌面
1045浏览 • 1回复 待解决
HarmonyOS web组件怎么拦截请求
1126浏览 • 1回复 待解决
HarmonyOS Web对about:blank组件拦截
844浏览 • 1回复 待解决
APP如何主动返回手机桌面
1124浏览 • 1回复 待解决
Web组件如何开启手势缩放
2318浏览 • 1回复 待解决
HarmonyOS web组件关闭跨域拦截
619浏览 • 1回复 待解决
HarmonyOS Web组件实现异步的请求拦截
628浏览 • 1回复 待解决