2007년 01월 30일
HTML에서 display:none; 인 요소에 focus() 실행하지 말것
HTML의 textarea가 TinyMCE를 도입하면서 TinyMCE에 의해서 자동으로 style="display: none;" 이 적용되게 되었다.
이렇게 되자 FireFox에서는 괜찮았는데, IE에서는 갑자기 스크립트 오류가 발생하면서 비정상 작동을 하기 시작하였다.
이유는 해당 Text Area의 값이 비어 있을 경우, onsubmit에서 호출되는 함수가 해당 부분에 focus()를 실행하기 때문이었다.
style="display: none;" 으로 설정된 요소에 대해서는 focus()를 실행해서는 안된다. 특히 IE에서는.
이 문제를 알아내기 위해서 IE용 자바 스크립트 디버거를 찾아봐야만 했다. 파이어폭스는 아주 편리하게 JavaScript 디버깅이 가능한데, IE는 이상하게도 꼭꼭 숨겨 두었다.
그에 관해서는 몇몇 링크로 대체한다.
* IEBlog : Scripting Debugging in Internet Explorer
* Internet Explorer 에서 Javascript 코드 디버깅 쉽게 하기
* Microsoft Script Debugger 사용법
이렇게 되자 FireFox에서는 괜찮았는데, IE에서는 갑자기 스크립트 오류가 발생하면서 비정상 작동을 하기 시작하였다.
이유는 해당 Text Area의 값이 비어 있을 경우, onsubmit에서 호출되는 함수가 해당 부분에 focus()를 실행하기 때문이었다.
style="display: none;" 으로 설정된 요소에 대해서는 focus()를 실행해서는 안된다. 특히 IE에서는.
이 문제를 알아내기 위해서 IE용 자바 스크립트 디버거를 찾아봐야만 했다. 파이어폭스는 아주 편리하게 JavaScript 디버깅이 가능한데, IE는 이상하게도 꼭꼭 숨겨 두었다.
그에 관해서는 몇몇 링크로 대체한다.
* IEBlog : Scripting Debugging in Internet Explorer
* Internet Explorer 에서 Javascript 코드 디버깅 쉽게 하기
* Microsoft Script Debugger 사용법
이 글과 관련있는 글을 자동검색한 결과입니다 [?]
- Internet Explorer8 알파버전 by 페로페로
- IE7 (Internet Explorer) BETA 2를 쓰다. by Ego君
- javascript 에서 delete 라는 이름의 함수를 만들었다가 고생 ㅡㅜ by sayjava
- IE7이.... by Zannah
- [팁] more 태그 사용법 by 니케
# by | 2007/01/30 09:58 | 프로그래밍 | 트랙백 | 덧글(0)
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]