イベントリスナーの部分を関数にしたい

質問

イベントリスナーの部分で、「load」以外に「change」も必要になったので関数にしたいのですが、
引数の関数の指定方法がわかりません。

どうすればいいのでしょうか。よろしくお願いします。

【イベントリスナーを関数にする前】

function hoge(){

this.view = function(){
var _this = this;
window.addEventListener( 'load',function(){ _this.foo()}, false );
}

this.foo =function(){
var txt = document.createTextNode( this.moji );
document.body.appendChild( txt );
}
}

var a =new hoge();

a.moji="テスト";
a.view();

【やってみたこと】

function hoge(){

this.view = function(){
var _this = this;
var func = function(){ _this.foo()};
this.addListener( 'window', 'load', func );
}

this.addListener = function(elem,type,func){
elem.addEventListener( type,func, false );
}

this.foo =function(){
var txt = document.createTextNode( this.moji );
document.body.appendChild( txt );
}
}

var a =new hoge();

a.moji="テスト";
a.view();

回答No.2

yambejp · ベストアンサー

単純に

this.addListener( 'window', 'load', func );

を

this.addListener( window, 'load', func );

にするのではだめなの？

お礼

ありがとうございます。

お返事が遅くなってすみません。
「'window'」を「window」にするとできました。

windowには、特別な意味があるみたいですね。
知りませんでした。

本来なら、問題が解決したので質問を閉め切りたいのですが、
load以外のイベントでエラーが出るかもしれません。

それを試してから質問を閉め切ることにします。

回答No.3

babu_baboo

onchange の要素は、どこで指定する？まさか window にではなさそうですが・・・

a.view ();が呼ばれる度に、同じイベントをくっつけるのは、どうでしょう？

１回きりの呼び出しで、しかもbodyの最後に追加していくだけなのなら、別な方法がよいかも　？

細かいことですが、body要素の直下に、テキストノードがあるのも、どうでしょう？

this.foo を、xxxxx.addEventListner ('change', this.foo.bind(this), false);みたいにするのは、どうでしょう？

こそっと、違いがわかりません。

お礼

ありがとうございます。

お返事が遅くなってすみません。

今回の例は、今書いているプログラムのわからないところだけを抜き出して書きました。
だから、body要素の直下にテキストノードがあります。

'window'をwindowにすると、文字が表示されました。
load以外のイベントも試してから、この質問を終わりにしようと思っています。

ありがとうございました。

回答No.1

yambejp

いまいち何をしたいかわからないのですが、
loadをaddEventListerのをelemにではなくwindowにしてみては？

お礼

ありがとうございます。

>いまいち何をしたいかわからないのですが、

前回、別の質問をしました。
http://oshiete.goo.ne.jp/qa/8557126.html

そして、解決したのでプログラムを書いてみました。
「load」を教えてもらった方法で書きました。

次に、「change」も同じ方法で書きました。
同じイベントリスナーを使うなら、関数にしてしまえ！と思って関数にしたのですが、
引き数に入れた関数が動きません。

そこで、今回の質問をしました。

「window.addEventListener( 'load',function(){ _this.foo()}, false );」の部分を
「load」以外のイベントで使えるようにするには、これをどのように書けばいいのでしょうか。
その場合の、引き数の関数はどのように指定すればいいのでしょうか。