ie下使用文本編輯器致使input文本框沒法聚焦的問題緣由

  最近公司的一個項目遇到一個以下問題: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,這樣就解決問題了。測試

相關文章
相關標籤/搜索