Регистрация события загрузки для фрейма с использованием addEventListener / attachEvent - PullRequest
Новая
       18

Регистрация события загрузки для фрейма с использованием addEventListener / attachEvent

1 голос
/ 19 августа 2010

Я добавляю событие во фрейм, используя встроенный синтаксис: 

<FRAME SRC="s.htm" NAME="WINCONTENT" onload="alert( this )">

Это работает (= событие запускается всякий раз, когда загружается новый URL), за исключением того, что я бы предпочел зарегистрировать события, используя addEventListener / attachEvent.

Сейчас - в примере onload="alert( this ) this имеет значение HTMLFrameElement.Как получить доступ к HTMLFrameElement из JavaScript?(Мне нужно указать его в качестве аргумента для addEventListener / attachEvent)

Обратите внимание, что parent.WINCONTENT и тому подобное указывают на объект Window, тогда как мне нужен HTMLFrameElement.Я немного погуглил, но, видимо, кадры какое-то время были немодными.

Полный список ниже:

index.htm 

<HTML>
<HEAD>
<TITLE>WINMAIN</TITLE>
</HEAD>
<FRAMESET COLS=255,*>
<FRAME SRC="frm_navi.htm"  NAME="WINNAVI">
<FRAME SRC="s.htm" NAME="WINCONTENT" ID="WINCONTENT">
</FRAMESET>
</HTML>

frm_navi.htm 

<HTML>
<HEAD>
<TITLE>Navigation Pane</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript" SRC="dom.js"></SCRIPT>
</BODY>
</HTML>

s.htm 

<HTML>
<HEAD>
<TITLE>CONTENTS</TITLE>
</HEAD>
<BODY>
    <P><A HREF="r.htm">r.htm</A></P>
    <P><DIV ID="test">Click me, the event handler was registered in JavaScript</DIV></P>
</BODY>
</HTML>

r.htm 

<HTML>
<HEAD>
<TITLE>CONTENTS</TITLE>
</HEAD>
<BODY>
    <P>This file s.htm</P>
</BODY>
</HTML>

dom.js 

function register_event ( _target, _ename, _func ) {
    if( ! _target ) {
        return false;
    }

    // Required for accessing <this> inside the event handling function.
    _target[_func] = _func;
    if ( _target.addEventListener ) {
        _target.addEventListener( 
            _ename, 
            function(e) { _target[_func](e);}, 
                false
            );
    }
    else if ( _target.attachEvent ) {
        _target.attachEvent( 
            "on" + _ename, 
            function(e) { _target[_func](e);}
        );
    }
    else {
        return false;
    }

    return true;
};

function handle_event ( ) {
    alert( "Event handler registered in JS." );
};

register_event( parent.WINCONTENT.document.getElementById( "test" ) , "click", handle_event );
register_event( "_what_do_i_enter_here_ ???", "load", handle_event );

1 Ответ

0 голосов
/ 19 августа 2010

Разве вы не можете просто присвоить идентификатор элементу frame и использовать document.getElementsById (из родительского документа)?

...