如何实现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拉起摄像头
333浏览 • 1回复 待解决
webview加载Vue h5失败
17510浏览 • 5回复 待解决
HarmonyOS web与H5交互
410浏览 • 1回复 待解决
HarmonyOS web原生和H5如何交互?
334浏览 • 1回复 待解决
h5如何在鸿蒙设备进行调试
1313浏览 • 1回复 待解决
HarmonyOS webview h5的localstorage
230浏览 • 1回复 待解决
如何加载字符串形式H5数据
1930浏览 • 1回复 待解决
Web中webview和H5交互
889浏览 • 1回复 待解决
H5页面如何与ArkTS交互
2776浏览 • 1回复 待解决
HarmonyOS 折叠屏H5适配问题
386浏览 • 1回复 待解决
HarmonyOS 在H5如何跳转到应用市场
431浏览 • 1回复 待解决
如何使H5页面适配多设备?
408浏览 • 1回复 待解决
如何在HarmonyOS中调试h5页面
695浏览 • 1回复 待解决
如何在webview中使用H5中的alert
1034浏览 • 1回复 待解决
HarmonyOS H5和应用侧数据交互
36浏览 • 1回复 待解决
HarmonyOS h5页面缩放问题
297浏览 • 0回复 待解决
HarmonyOS 自定义组件的事件处理
118浏览 • 1回复 待解决