鸿蒙开发者社区

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考信创认证华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS Web组件无法弹出网页的alert弹框

使用Web组件，网页中alert("123")弹框点击没反应，请问如何解决

HarmonyOS

2024-12-17 15:21:24

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

alert在webview组件中被屏蔽了，可以使用弹窗实现，可参考以下代码实现：

// xxx.ets  应用侧代码
import web_webview from '@ohos.web.webview'

@Entry
@Component
struct WebComponent {
  controller: web_webview.WebviewController = new web_webview.WebviewController()

  build() {
    Column() {
      Web({ src: $rawfile("index.html"), controller: this.controller })
        .onAlert((event) => {
          if (event) {
            console.log("event.url:" + event.url)
            console.log("event.message:" + event.message)
            AlertDialog.show({
              title: 'onAlert',
              message: 'text',
              primaryButton: {
                value: 'cancel',
                action: () => {
                  event.result.handleCancel()
                }
              },
              secondaryButton: {
                value: 'ok',
                action: () => {
                  event.result.handleConfirm()
                }
              },
              cancel: () => {
                event.result.handleCancel()
              }
            })
          }
          return true
        })
    }
  }
}
//html代码
<!--index.html-->
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8">
</head>
<body>
<h1>WebView onAlert Demo</h1>
<button onclick="myFunction()">Click here</button>
<script>
    function myFunction() {
      alert("Hello World");
    }
</script>
</body>
</html>

回复

2024-12-17 16:28:54

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS 弹框无法在非组件里面弹出

817浏览 • 1回复待解决

HarmonyOS 通知授权弹框无法弹出 -

1399浏览 • 1回复待解决

HarmonyOS web嵌入的页面中alert无法弹出，要如何解决？

1357浏览 • 1回复待解决

HarmonyOS web组件中的网页输入框无法被键盘顶起

984浏览 • 1回复待解决

HarmonyOS PermissionDialog无法弹框

856浏览 • 1回复待解决

HarmonyOS web组件alert不显示

2212浏览 • 1回复待解决

HarmonyOS webview组件支持网页的alert等方法怎么实现？

1126浏览 • 1回复待解决

HarmonyOS Next版本的webview_flutter，js无法弹出alert和prompt，同时controller也无法拦截alert和prompt

914浏览 • 1回复待解决

HarmonyOS CustomDialog弹Web组件显示网页密码控件输入框输入时软键盘和弹窗异常

1109浏览 • 1回复待解决

HarmonyOS 提示弹框无法弹出，捕捉到异常未找到解决方案

823浏览 • 1回复待解决

HarmonyOS 底部弹出的自定义弹框用什么实现

899浏览 • 1回复待解决

自定义弹框如何在UIAbility中弹出？

419浏览 • 0回复待解决

HarmonyOS 推荐一个有弹出动画的弹框Demo

850浏览 • 1回复待解决

webview加载一个本地网页，网页中的alert方法不能弹窗。

2128浏览 • 1回复待解决

HarmonyOS 自定义弹框组件问题

1498浏览 • 1回复待解决

HarmonyOS 申请权限时，如何得知系统权限申请弹框是否弹出

1362浏览 • 1回复待解决

Web组件加载在线联盟网站论坛地址无法正常显示网页

3222浏览 • 1回复待解决

HarmonyOS 输入框获取焦点后无法弹出

960浏览 • 1回复待解决

HarmonyOS 嵌套弹框的实现

984浏览 • 1回复待解决

HarmonyOS 如何使用web加载网页长按弹出按钮保存到本地？

1116浏览 • 1回复待解决

自定义弹框，遮罩背景颜色无法设置

1219浏览 • 1回复待解决

HarmonyOS CustomDialog弹框报错

971浏览 • 1回复待解决

HarmonyOS 隐私协议弹框

1008浏览 • 1回复待解决

HarmonyOS 支付输入弹框

1247浏览 • 1回复待解决

HarmonyOS 网页组件无法正常加载网址

861浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

鸿蒙开源组件——SnackBar消息弹框 0回复

鸿蒙Next Dialog弹框 0回复

#我的鸿蒙开发手记# 【HarmonyOS 5】鸿蒙Web组件和内嵌网页双向 0回复

鸿蒙应用弹框的实现方案投票 3回复

设备间应用流转弹框 5回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载