Page 1 of 1

iframe 에 이벤트처리가 안되네요...

Posted: 2005 03 22 11:37 58
by aquazen
아래소스를 보시면 아시겠지만 iframe 에 onfocus 를 넣었음에도 불구하고 iframe 영역을 클릭해도 아무런 반응이 없습니다.
익스플로러에서는 클릭하면 제대로 alert 창이 뜨는데 불여우에서는 왜 안될까요?
안되는 이유를 아시면 좀 알려주시면 감사하겠습니다.


아래는 iframe 사용한 테스트 소스구요
---------------------------------------------------------------------
<html>
<head>
<title>a</title>
<script type="text/javascript">
function focusTest(){
alert("test");
}
</script>
<body>

<iframe height="300" name="editFrame" id="editFrame" marginheight="0" marginwidth="0" width=600 src="aaa.html" frameborder=1 scrolling="yes" onfocus="focusTest()"></div>
</body>
</html>

----------------------------------------------------------------

아래는 iframe 의 src 인 aaa.html 입니다.
----------------------------------------------------------------
<html>
<head>
<title>iframe</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
</head>
<body>
test
</body>
</html>
----------------------------------------------------------------

Posted: 2005 03 22 14:20 03
by tenshi
http://www.w3.org/TR/REC-html40/interac ... l#h-18.2.3

onfocus는 html4 표준에서 보이듯,
A, AREA, LABEL, INPUT, SELECT, TEXTAREA, and BUTTON
위의 elements에만 적용되는 event입니다.

(' ' 답변 감사합니다.

Posted: 2005 03 22 17:39 34
by aquazen
tenshi 님 답변 감사드립니다.

그렇군요... 그럼 혹시 iframe 에 붙일수 있는 이벤트는 없나요?
모질라와 익스에서 둘다 돌아가는 간단한 웹베이스 에디터를 만드는 중인데 iframe 에서 작성을 다하고 나서 커서를 볼드체가 있는곳으로 클릭을 한다던가 혹은 가져가면 볼드체표시 이미지를 안으로 들어간, 즉 활성화 되어 있는 이미지로 교체 할려고 하거든요.
그래서 iframe 에서 일어나는 클릭이라든가 커서이동이라든가 등을 감지해야 하는데... 어캐하면 좋을지... 혹시 아시면 답변해주시면 감사하겠습니다.

Posted: 2005 03 22 18:37 32
by 앤죠

Code: Select all

그렇군요... 그럼 혹시 iframe 에 붙일수 있는 이벤트는 없나요?
iframe 에 onfocus 가 안되면 onmouseover 는 어떨가요

Code: Select all

<iframe height="300" name="editFrame" id="editFrame" marginheight="0" marginwidth="0" width=600 src="aaa.html" frameborder=1 scrolling="yes" onmouseover="focusTest()">
이도 안되면 iframe 문서안에 body 테그에 onmouseover 이벤트를 넣으면
될것 같네요

Code: Select all

-- iframe 문서내용(aaa.html)
<html>
<head>
<title>iframe</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
</head>
<body onmouseover="parent.focusTest()">
test
</body>
</html> 

(' ' 답변 감사합니다.

Posted: 2005 03 22 18:59 57
by aquazen
앤죠 님 답변 감사드립니다.

아~ 그런 방법이 있었군요... 고맙습니다. 되네요.
왜 그런 생각을 못했을까요... ^^;;;
아무튼 감사드립니다~