vue中元素嵌套iframe后绑在元素上的点击事件失效

Question

<div @click="dosomething">
    <iframe></iframe>
</div>

如果嵌套了iframe标签，点击事件无效，去掉iframe标签事件生效，什么情况？

Answer 1

不是点击事件无效，而是 iframe 里面是一套新的 Dom，点击事件不会传递到父页面的元素上来

Answer 2

你在外面加个遮罩就能点了, 但是里面的就点不到了, 里面的文字也不能选中

另外, 如果是同域就可以拿到里面的window和document再绑定一次事件

跨域就只能加遮罩了