ifame问题

问题描述:在div中添加了点击事件,div中嵌套着一个iframe,父类的div事件全部都会被失效,

解决办法:给iFrame添加css pointer-events : none; 去掉了iframe的所有点击,hover等事件

此属性使得iframe的所有事件都失效,要想保其事件,可用js进行触发

 

var doc = iframe.contentWindow.document;//拿到document对象,

 

或者  iframe.contentDocument  拿到document对象,

此时,在本地测试是没有用的,,Chrome会出错,,解决办法就是上传到GitHub上,,在进行测试

 

scrollingBar.html:77 Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.
    at HTMLDivElement.<anonymous> (file:///E:/vs-workspace/Demo/web/project/scrollingBar.html:77:35)

 

  

 

posted @ 2019-10-27 20:25  古月大叔  阅读(191)  评论(0编辑  收藏  举报