room661回答ポイント 60pt

javascriptに関する質問です。

下記のコードをHTML内に記述します。おなじHTML内のある要素に対して、clickイベントとして"slime.func()"を割り当てたいとき、どうやればよいのでしょうか。
イベントハンドラ内のthisがslimeオブジェクトではなくDOMのオブジェクトを指すことは [http://builder.japan.zdnet.com/sp/javascript-kickstart-2007/story/0,3800083428,20371112,00.htm:title] などを見て理解しましたが、ではそういう場合はどうすればよいの、という質問です。
なおprototype.jsなどのライブラリは使用できない状況とお考えください。

――― [code] ―――

var Monster = function() {};

Monster.prototype = {
　initialize: function(name) {
　　this.name = name;
　},

　func: function() {
　　alert(this.name + " has shown up.");
　}
};

window.onload = function() {
　var slime = new Monster("slime");
}

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ログインして回答する

みんなの回答

GoldenDawn2008/09/02 16:17:11
満足60pt
質問の的を外しているかもしれませんが、
```
window.onload = function() {
　var slime = new Monster("slime") ;
}
```
関数内で var を付けて宣言するとそのオブジェクトのスコープは関数内に制限されます。

つまり他からはアクセスできません。
```
window.onload = function() {
　slime = new Monster("slime");
}
```
var 無しにするとグローバルオブジェクトになるので
```
<div onclick="slime.func();" name="hoge">click me</div>
```
とかで呼び出すことができます。
スター

javascriptに関する質問です。

みんなの回答

GoldenDawn2008/09/02 16:17:11
満足60pt

この質問へのコメント

この質問への反応（ブックマークコメント）

質問の情報

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問

メニュー

PC版

javascriptに関する質問です。

みんなの回答

GoldenDawn2008/09/02 16:17:11 満足60pt

この質問へのコメント

この質問への反応（ブックマークコメント）

質問の情報

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問

メニュー

PC版

GoldenDawn2008/09/02 16:17:11
満足60pt