载入的iframe页面会挡住父级页面一切冒泡事件,怎么破?

最近遇到个坑,页面引入了一个iframe,结果页面上所有的点击事件都失效了。
解决办法是手动绑定iframe里面事件,在事件里面触发当前窗口事件

// 点击了不触发
document.body.addEventListener('click', () => {console.log(43434343)})
// 在iframe里面手动触发
$('#iframe').contentWindow.document.body.addEventListener('click', () => {
    $('#iframe').contentWindow.parent.document.body.click()
})

猜你喜欢

转载自blog.csdn.net/z591102/article/details/107354388