HarmonyOS 鸿蒙Next 使用Web组件加载网页无法使用软键盘输入

发布于 1周前 作者 sinazl 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 使用Web组件加载网页无法使用软键盘输入

private controller: web_webview.WebviewController = new web_webview.WebviewController();
Web({ src: this.url, controller: this.controller })
.width('100%')
.layoutWeight(1)
.mediaPlayGestureAccess(true)
.allowWindowOpenMethod(true)
.domStorageAccess(true)
.javaScriptAccess(true)
.cacheMode(CacheMode.Online)
.onLoadIntercept((event) =>{
return false
})
.onTitleReceive((event) => {
})
.onProgressChange((newProgress) =>{
})

更多关于HarmonyOS 鸿蒙Next 使用Web组件加载网页无法使用软键盘输入的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
2 回复

我测试是可以输入的，请新建一个工程再试下：

import { webview } from '[@kit](/user/kit).ArkWeb';

[@Entry](/user/Entry)
[@Component](/user/Component)
export struct WebPage {
 controller: webview.WebviewController = new webview.WebviewController();

 build() {
   Column() {
     Web({
       src: 'https://testweb.smartcloudcon.com/4G/charge/queryAge.html',
       controller: this.controller
     })
       .width('100%')
       .layoutWeight(1)
       .mediaPlayGestureAccess(true)
       .allowWindowOpenMethod(true)
       .domStorageAccess(true)
       .javaScriptAccess(true)
       .cacheMode(CacheMode.Online)
       .onErrorReceive((event) => {
         console.log(event.error.getErrorCode().toString())
       })
       .onLoadIntercept((event) => {
         return false
       })
   }
   .backgroundColor('#f5f5f5')
   .width('100%')
   .height('100%')
 }
}

更多关于HarmonyOS 鸿蒙Next 使用Web组件加载网页无法使用软键盘输入的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next系统中，若使用Web组件加载网页时遇到软键盘无法输入的问题，可能是由于Web组件的输入焦点管理或事件传递机制与原生软键盘交互存在不兼容或配置错误。

首先，请确认Web组件的HTML和JavaScript代码中是否正确处理了输入元素的焦点获取与失去事件。例如，使用document.activeElement检查当前焦点元素，确保在需要输入时焦点正确落在输入框上。

其次，检查鸿蒙系统中Web组件的容器配置，确保容器没有拦截或修改了输入事件。有时，容器的触摸事件监听器可能会阻止默认的键盘弹出行为。

再者，确认是否启用了系统级的无障碍服务或特殊输入模式，这些可能会影响到软键盘的正常显示与使用。

最后，验证鸿蒙系统版本及Web组件框架的兼容性，有时此类问题可能由系统或框架的bug导致，检查并更新到最新版本可能有助于解决问题。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

回到顶部