HarmonyOS鸿蒙Next中如何触发上一个web内H5注册的监听事件

HarmonyOS鸿蒙Next中如何触发上一个web内H5注册的监听事件 WEB1在H5里面，使用window.addEventListener(‘event’)注册了一个监听事件。
在新开的WEB2里面，如何去触发这个监听事件呢。
或者有没有更好的方法，通知到上一个WEB或上上个WEB内H5的东西。
已尝试使用storage和postMessage，均不适用。

3 回复

可以使用公共事件，且无需申请权限，提供了在同一进程不同线程间，或同一进程同一线程内，发送和处理事件的能力，包括持续订阅事件、单次订阅事件、取消订阅事件，以及发送事件到事件队列的能力。

1、https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-emitter-V5

2、https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/itc-with-emitter-V5

更多关于HarmonyOS鸿蒙Next中如何触发上一个web内H5注册的监听事件的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，触发上一个web内H5注册的监听事件可以通过JavaScript与原生代码的交互来实现。具体步骤如下：

  1. 创建Web组件：在ArkUI中，可以使用Web组件来加载H5页面。确保Web组件的id或ref属性已正确设置，以便后续操作。

  2. 注册监听事件：在H5页面中使用JavaScript注册监听事件。例如，通过addEventListener方法监听特定事件。

  3. JavaScript与原生交互：通过Web组件的runJavaScript方法执行JavaScript代码，触发H5页面中注册的监听事件。例如，调用dispatchEvent方法触发自定义事件。

  4. 事件传递：确保事件在H5页面中正确传递和处理。可以通过postMessage方法将事件信息传递给H5页面，或在H5页面中直接触发事件。

示例代码：

// ArkUI中
let webView = this.$refs.webView;
webView.runJavaScript("document.dispatchEvent(new CustomEvent('customEvent', { detail: 'eventData' }));");

<!-- H5页面中 -->
<script>
document.addEventListener('customEvent', function(event) {
    console.log(event.detail); // 输出 'eventData'
});
</script>

通过这种方式，可以在鸿蒙Next中触发H5页面中注册的监听事件。

在HarmonyOS鸿蒙Next中，触发上一个Web内H5注册的监听事件，可以通过以下步骤实现：

  1. 确保Web组件已加载：使用WebView组件加载H5页面，并确保页面已完全加载。
  2. 注册监听事件：在H5页面中使用JavaScript注册监听事件，例如window.addEventListener('customEvent', handler)。
  3. 触发事件：在HarmonyOS端，通过WebView的executeJs方法调用JavaScript代码，触发已注册的事件。例如：webView.executeJs("window.dispatchEvent(new CustomEvent('customEvent'))");。

这样即可在H5页面中触发并处理相应的事件。

回到顶部