如何实现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失败
15310浏览 • 5回复 待解决
H5页面如何与ArkTS交互
152浏览 • 1回复 待解决
如何加载字符串形式H5数据
114浏览 • 1回复 待解决
自定义如何实现序列化
74浏览 • 1回复 待解决
FA里内嵌H5是怎么保持登录状态?
4942浏览 • 1回复 待解决
ArkTs如何自定义容器组件?
667浏览 • 1回复 待解决
如何自定义Component 属性
12708浏览 • 3回复 待解决
鸿蒙怎么实现自定义布局的Dialog
7064浏览 • 2回复 已解决
js 自定义组件如何传递方法?
4097浏览 • 2回复 待解决
自定义组件中如何添加图片?
616浏览 • 1回复 待解决
ArkTS如何自定义资源文件
113浏览 • 1回复 待解决
如何设置自定义弹窗位置
106浏览 • 1回复 待解决
自定义组件如何导出、引入?
195浏览 • 1回复 待解决
如何自定义Video组件控制栏样式
187浏览 • 1回复 待解决
自定义组件嵌套子组件
7136浏览 • 3回复 待解决
鸿蒙中如何自定义字体文件
16727浏览 • 1回复 待解决
如何自定义拼接设置UserAgent参数
168浏览 • 1回复 待解决