鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 24年11月软考 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

1天前

浏览

赞

收藏 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天前

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

发布

相关问题

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

183浏览 • 1回复待解决

HarmonyOS web组件alert不显示

562浏览 • 1回复待解决

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

386浏览 • 1回复待解决

HarmonyOS 自定义弹框组件问题

460浏览 • 1回复待解决

HarmonyOS 自定义工具类中怎么弹出CustomDialogController自定义弹框？

395浏览 • 1回复待解决

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

778浏览 • 1回复待解决

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

333浏览 • 1回复待解决

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

2153浏览 • 1回复待解决

HarmonyOS 应用级全局弹框

314浏览 • 1回复待解决

HarmonyOS API调用与Dialog弹框

247浏览 • 0回复待解决

HarmonyOS 有没有隐私政策弹框的demo？

9浏览 • 0回复待解决

HarmonyOS 如何主动隐藏输入弹框？

129浏览 • 1回复待解决

HarmonyOS Web组件长按获取网页img的地址

204浏览 • 1回复待解决

HarmonyOS 弹框Dialog的生命周期问题

565浏览 • 1回复待解决

web组件onShowFileSelector事件，里面使用弹框（相机/文件按钮），或者判断前端input要调用的类型

187浏览 • 1回复待解决

华为账号拉起的登录框弹框是怎么实现

1992浏览 • 1回复待解决

HarmonyOS Web组件加载的h5网页如何获取到网页的window对象？

233浏览 • 1回复待解决

HarmonyOS Web加载网页白屏

516浏览 • 1回复待解决

HarmonyOS 如何做到页面在弹框之上？

439浏览 • 1回复待解决

HarmonyOS CustomDialog如何设置弹框宽度和高度？

479浏览 • 1回复待解决

获取定位权限没有弹框

1900浏览 • 1回复待解决

代码获取后台弹框权限？

3343浏览 • 1回复待解决

HarmonyOS web界面怎么打印console和展示alert代码

464浏览 • 1回复待解决

自定义弹框的状态获取

864浏览 • 1回复待解决

HarmonyOS 弹框里面有个输入框，当键盘弹起时，弹框会向上移动，默认移动过多，怎么控制移动距离？

122浏览 • 1回复待解决

提问

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

相关讨论帖

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

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

input框无法输入 1回复

input 框无法输入 6回复

鸿蒙开源第三方组件——消息弹框组件SnackBar-ohos 9回复

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