実現したいこと

・メソッドにて、クリックイベントを登録する
・クリックイベントにはオブジェクト内のメソッドを登録する

動かないコード

javascript
1
2
3var オブジェクトメソッドテスト_obj = {
4	クリックイベントを登録する: function(){
5
6		$('html').click(function(){
7
8			/* 
9				下記のthisが指すのは、イベントの発生源のオブジェクト（クリックされたhtml)であることは分かりました。
10				では、どうやって書けば 「_メソッド()」を呼び出すことが出来るのでしょうか？
11			*/
12
13			this._メソッド(); /* エラー：this._メソッド is not a function */
14
15		});
16
17	},
18	_メソッド: function(){
19		alert('_メソッドが呼ばれました');
20	}
21};
22
23オブジェクトメソッドテスト_obj.クリックイベントを登録する();
24
25
26
27
28

行動規範の内容に同意します

回答1件

ベストアンサー

こんにちは

よく使う手としては、意図している this を（慣用的に）thatという変数に保存しておいて、これをレシーバーに使うという方法ですね。

javascript
1var オブジェクトメソッドテスト_obj = {
2    クリックイベントを登録する: function(){
3        var that = this;
4        $('html').click(function(){
5
6            that._メソッド();
7
8        });
9
10    },
11    _メソッド: function(){
12        alert('_メソッドが呼ばれました');
13    }
14};
15
16オブジェクトメソッドテスト_obj.クリックイベントを登録する();