iframe 내부 페이지 변경 이벤트 처리

Javascript
DOM
2010. 01. 28.
안혁
http://hyok.kr


HTML 페이지에 <iframe>이 있을 때, 외부에서 프레임 내부의 페이지 변경(submit같은...) 이벤트를 잡고 싶은 경우 다음과 같이 진행하세요.

[code]
function buttonClicked() {
    //readystatechange 이벤트에 pageChanged() 함수 연결
    document.getElementById("myiframe").onreadystatechange = pageChanged;
}

function pageChanged() {
    //<iframe>의 document.readyState가 "complete"일 때......
    if (document.getElementById("myiframe").document.readyState == "complete") {
        alert("Hello World!");
    }
}
[/code]

buttonClicked()에서 [myiframe]이라는 iframe의 상태가 변경되는 경우 pageChanged()가 호출되도록 설정합니다. 그러면 pageChanged()는 [myiframe]의 상태를 확인해서 "complete"일 경우, 변경이 완료된 것으로 보고 원하는 작업을 하는 것입니다.