最近公司的一个项目遇到一个以下问题:html
描述:测试发现,每当咱们在发布活动的页面发布完活动后,页面跳转到个人活动,而后再次回到发布活动页面,发现全部的input文本框都不能聚焦。而后再去看看其余页面(咱们使用的单页面,页面没有刷新,改变的是页面内的main_div的内容),全部页面的输入框均没法聚焦。编辑器
分析:发布活动页面使用的一个嵌套的iframe文本编辑器,在页面跳转的时候,咱们直接从新赋值了外层的div的html内容,达到切换页面的效果,然而在IE里面,存在这样一个bug,“ IE 下在移除父层的 DIV 的时候,也就是 IFrame 外层的 DIV 的时候,IE 并无将内部的 IFrame 从 DOM 中移除,而下次触发函数建立此 IFrame 的时候,使会产生 DOM 冲突,因此解决方法就是在移除父层的 DIV 的时候,先将内部的 IFrame 也移除,因而问题解决了..”。函数
解决办法:在改变外层div的html内容时,先将编辑器的iframe移除,设置它的 src="" 便可,而后再remove掉iframe,这样就解决问题了。测试