问大家一个问题 我在react 里面嵌套的 iframe 然后iframe加载的是一个 html页面 html页面元素触发点击事件
react 组件如何可以监听到这个事件
在iframe里面的最外层的div增加一个监听事件,监听时间里面发送一个postMseeage事件,在React监听这个postMessage事件。 具体的可以百度一下 postMessage - 跨域消息传递
父页面定义一个全局方法
//arg为子页面传递过来的参数,fn为回调函数
window.success = function(arg, fn) {
console.log(‘iframe触发了点击事件’)
fn()
}
iframe
window.praent.success('传递给父页面的参数', () => {
console.log('我被父页面监听到了')
})
建议你看下这篇博客react组件中通过iframe嵌入html页面