如何实现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);`);
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.

参考链接

应用侧调用前端页面函数

分享
微博
QQ
微信
回复
2024-02-01 17:42:22


相关问题
HarmonyOS webview H5页面事件监听
821浏览 • 1回复 待解决
HarmonyOS h5如何实现保存图片到相册
686浏览 • 1回复 待解决
HarmonyOS web组件加载h5h5拉起摄像头
1220浏览 • 1回复 待解决
HarmonyOS H5如何访问相册?
797浏览 • 1回复 待解决
HarmonyOS 本地H5加载
641浏览 • 1回复 待解决
基于HarmonyOS实现H5离线方案有哪些?
864浏览 • 1回复 待解决
HarmonyOS H5桥接
568浏览 • 1回复 待解决
HarmonyOS h5拉起app,如何获取参数
430浏览 • 1回复 待解决
HarmonyOS H5和原生交互
642浏览 • 1回复 待解决