構文イベント発生時に実行するfunctionに渡された情報の取得返値:なしイベントオブジェクト.dataver1.1〜機能イベントオブジェクトのdataプロパティを利用するとイベント発生時に実行するfunctionに渡された情報を取得できます。解説イベント発生時に実行するfunctionに渡された情報を取得しますサンプル(data/01.html)を開いてbody内にdiv要素が1つあることを確認してください。jQueryでは、まず以下の部分を確認してください。新規にObjectオブジェクト「myObj」を作成し、それにtestプロパティを設定して値10を代入しています。10;作成されたmyObjは、以下の様にclickメソッドの第1引数に設定することで、第2引数に設定したfunction「clickFunc」に情報を送ることができます。clickFunc);});clickFuncの処理は以下の様に記述されています。渡されたobjectオブジェクトはイベントオブジェクト「eo」のdataプロパティに格納されるため、objectオブジェクトに設定したtestプロパティの値を得るためには以下の様に「eo.data」の後にプロパティ名を記述します。clickFunc(eo){alert(eo.data.test)}結果として、div要素をクリックするとobjectオブジェクトで渡したtestプロパティの値「10」がアラートで表示されます。構造が分かりにくくなりますが、objectオブジェクトを直接clickメソッドの引数に設定することも可能です。clickメソッドではobjectオブジェクトを第1引数に設定しましたが、利用するメソッドによっては異なる場所に設定します。サンプル(data/02.html)を開いてbody内の構成がdata/01.htmlと同じ事を確認してください。onメソッドを利用している点だけです。checkFunc);});onメソッドでは上記のように、objectオブジェクトは第3引数に設定されます。functionにデータを送りたい時は利用するメソッドの構文を確認するようにしましょう。メモdataプロパティの使いどころdataプロパティを利用してイベントハンドラにデータを渡す仕組みは、様々な用途に利用できる可能性をもっています。具体的には共通のfunction(イベント発生時の処理)に個別の機能を持たせることができます。sub)が設定されているのを確認してください。class="box"></div></div>jQueryは、まず以下の部分を確認してください。onメソッドによって2つのdiv要素とも共通のfunction「clickFunc」を設定しています。Bob)を渡している点です。clickFunc);clickFuncでは以下の様に、受け取ったobjectオブジェクトのmyNameプロパティの値をアラートで表示しているだけです。Bob」と表示されます。利用したfunction「clickFunc」は共通ですが、上と下のdiv要素で異なる動作をさせることができました。要素ごとに「少しだけ異なる処理」を実行させたい場合は、dataプロパティで渡した値によって処理を分けると良いのかもしれません。