如何实现H5自定义事件

如何实现H5自定义事件

HarmonyOS
2024-01-31 11:14:45
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
love374

在H5通过EventTarget.addEventListener监听自定义事件,原生侧通过WebviewController.runJavaScript接口异步执行JavaScript代码触发事件。

// JavaScript 
// 监听回调函数,事件触发后执行 
function loginSuccessListener(event){ 
  // ... 
} 
// 注册 loginSuccess 事件监听 
document.addEventListener("loginSuccess",loginSuccessListener) 
 
// ArkTS 
// 原生使用 WebViewController.runJavaScript() 接口调用 JavaScript EventTarget.dispatchEvent() 触发 loginSuccess 事件 
this.webviewController.runJavaScript(`const loginSuccessEvent = new CustomEvent("loginSucces", {detail: "success"}); 
document.dispatchEvent(loginSuccessEvent);`);

参考链接

应用侧调用前端页面函数

分享
微博
QQ
微信
回复
2024-02-01 17:42:22
相关问题
HarmonyOS web组件加载h5h5拉起摄像头
589浏览 • 1回复 待解决
HarmonyOS H5如何访问相册?
281浏览 • 1回复 待解决
基于HarmonyOS实现H5离线方案有哪些?
290浏览 • 1回复 待解决
HarmonyOS h5和ArkTS通信
289浏览 • 1回复 待解决
HarmonyOS web与H5交互
719浏览 • 1回复 待解决
webview加载Vue h5失败
17814浏览 • 5回复 待解决
HarmonyOS H5代码如何复用?
185浏览 • 1回复 待解决
HarmonyOS web原生和H5如何交互?
528浏览 • 1回复 待解决
h5如何在鸿蒙设备进行调试
1855浏览 • 1回复 待解决
HarmonyOS webview h5的localstorage
417浏览 • 1回复 待解决
HarmonyOS h5和HarmonyOS怎么通信?
156浏览 • 1回复 待解决
HarmonyOS webview 怎么和H5交互
58浏览 • 1回复 待解决