问题描述:在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)