Ajax prototype.js イベントを割り当てる

-

Topページ　 >　 お勉強　 >　 Ajax　 >　 イベントを割り当てる　

イベントを割り当てる

▲

オブジェクトにイベントを割り当てます。



prototype.js


使用バージョン：1.5.1　公式サイト




▲

1. ダウンロードしたprototype.jsを読み込みます。

<script type="text/javascript"
    src="prototype.js"></script>

2. Event.observeメソッドを実行します。

[HTML]
<input type="button" id="eventButton" />
　:
　:
[JavaScript]
Event.observe("eventButton",
　　　　　　　"click",
　　　　　　　clickEventButton,
　　　　　　　false);

3. Event.observeメソッドの第3引数で指定されたメソッドが実行される。

function clickEventButton() {
　　alert("ボタンが押されました！");
}


▲

Event.observe( element, name, observer, useCapture )


element イベント割り当て対象のエレメントID。
name 割り当てるイベントのイベント名。
先頭の on は除外して指定する。
例）onclick イベントを割り当てたい場合、click と指定
observer イベント発生時に実行されるメソッド名。
useCapture true … イベント発生時に実行
false … イベントバブルアップ時に実行


ファイル一式をダウンロードする
▲

↓インラインフレーム内でサンプルが動作しています。



▲

[Ajax - prototype.js - イベント]

イベントを削除する 　【Event.stopObserving】

Topページ　 >　 お勉強　 >　 Ajax　 >　 イベントを割り当てる　




-