鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程软考华为认证厂商认证 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>
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.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.

回复

2024-12-17 16:28:54

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

发布

相关问题

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

651浏览 • 1回复待解决

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

1050浏览 • 1回复待解决

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

1123浏览 • 1回复待解决

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

780浏览 • 1回复待解决

HarmonyOS PermissionDialog无法弹框

682浏览 • 1回复待解决

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

913浏览 • 1回复待解决

HarmonyOS web组件alert不显示

1847浏览 • 1回复待解决

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

649浏览 • 1回复待解决

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

660浏览 • 1回复待解决

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

902浏览 • 1回复待解决

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

720浏览 • 1回复待解决

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

239浏览 • 0回复待解决

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

671浏览 • 1回复待解决

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

1023浏览 • 1回复待解决

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

1838浏览 • 1回复待解决

HarmonyOS 自定义弹框组件问题

1264浏览 • 1回复待解决

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

762浏览 • 1回复待解决

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

3031浏览 • 1回复待解决

HarmonyOS 嵌套弹框的实现

795浏览 • 1回复待解决

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

1015浏览 • 1回复待解决

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

978浏览 • 1回复待解决

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

647浏览 • 1回复待解决

HarmonyOS 支付输入弹框

995浏览 • 1回复待解决

HarmonyOS 隐私协议弹框

684浏览 • 1回复待解决

HarmonyOS CustomDialog弹框报错

776浏览 • 1回复待解决

提问

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

相关讨论帖

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

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

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

input框无法输入 1回复

input 框无法输入 6回复

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