如何实现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
相关问题
webview加载Vue h5失败
16291浏览 • 5回复 待解决
h5如何在鸿蒙设备进行调试
455浏览 • 1回复 待解决
H5页面如何与ArkTS交互
1576浏览 • 1回复 待解决
如何加载字符串形式H5数据
758浏览 • 1回复 待解决
Web中webview和H5交互
496浏览 • 1回复 待解决
如何在HarmonyOS中调试h5页面
390浏览 • 1回复 待解决
如何在webview中使用H5中的alert
587浏览 • 1回复 待解决
如何使H5页面适配多设备?
16浏览 • 0回复 待解决
自定义弹窗自定义转场动画
464浏览 • 1回复 待解决
如何实现自定义应用入场动画
415浏览 • 1回复 待解决
使用自定义任务读取build-profile.josn5
523浏览 • 1回复 待解决
如何调试H5代码,有人知道吗?
672浏览 • 1回复 待解决
自定义如何实现序列化
823浏览 • 1回复 待解决
Web能直接加载h5代码吗?
1751浏览 • 2回复 待解决
FA里内嵌H5是怎么保持登录状态?
5812浏览 • 1回复 待解决
使用自定义弹窗实现分享弹窗
14浏览 • 1回复 待解决