如何实现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 H5如何访问相册?
116浏览 • 1回复 待解决
HarmonyOS web组件加载h5h5拉起摄像头
463浏览 • 1回复 待解决
基于HarmonyOS实现H5离线方案有哪些?
159浏览 • 1回复 待解决
返回按钮是否可以自定义事件
152浏览 • 1回复 待解决
HarmonyOS 自定义组件的事件处理
291浏览 • 1回复 待解决
HarmonyOS webview h5的localstorage
320浏览 • 1回复 待解决
如何实现自定义应用入场动画
702浏览 • 1回复 待解决
HarmonyOS 数字自定义键盘如何实现
221浏览 • 1回复 待解决
HarmonyOS web原生和H5如何交互?
426浏览 • 1回复 待解决
h5如何在鸿蒙设备进行调试
1502浏览 • 1回复 待解决
HarmonyOS H5代码如何复用?
74浏览 • 1回复 待解决
HarmonyOS web与H5交互
507浏览 • 1回复 待解决
HarmonyOS h5和ArkTS通信
110浏览 • 1回复 待解决
webview加载Vue h5失败
17647浏览 • 5回复 待解决
H5页面如何与ArkTS交互
2918浏览 • 1回复 待解决