IE에서 iframe(레이어 팝업) reload 시에 input text 태그 미작동 오류

[오류]

 - IE 특정 버전에서 iframe 재호출 시 input text 박스 미작동

 - iframe 삭제 후 widnow events를 잃어버리는 현상

 - IE9버전부터 존재하는 오류.

  (같은 IE 11버전이라도 하위 버전에 따라 해당 오류 발생 유무 달랐음)

 

[해결과정]

  구글링해서 확인 해보니 iframe load시 첫번째 input 박스에 focus 주는 방식이 있었음.

  하지만 나의 경우 첫번째 input box에 focus 이벤트 로직이 존재하였고, 모든 layer 팝업에 이를 세팅해주는 방법은

  좋지 못한 방법이었음.

 

  IE환경 세팅으로 최대한 문제를 해결해보려 했으나 해결되지 않았고,

  결국 layer 팝업을 호출하는 공통함수에 아래와 같이 iframe 자체에 focus를 주어서 해결

  iframe[0].contentWindow.focus();

 

 

[참고사이트]

https://stackoverflow.com/questions/49372845/on-ie11-cannot-type-in-input-box-after-removing-iframe-with-contenteditable-tru

https://skypotato-note.tistory.com/121