コンテンツへ移動

イベント処理を複数記述、実行する

by : 2017/08/22

Webシステムの開発時においてイベント通知はよく使われます。例えばjQueryでボタンを押した時のイベントは次のように設定されます。

こうした通知機能を任意のオブジェクトに追加できるのがhifiveのイベント通知機能になります。今回は複数のイベントを設定する方法を紹介します。

サンプル

よくある例として、クラスの値を変更する前と後でイベントを発行するものがあります。そうした実装を行う際には次のように行います。

実際の処理を行う前と後で2回 dispatchEvent を実行します。後はそれぞれを購読するメソッドを定義します。


イベントを購読する処理は複数書いておくことができます。こうすることで、購読される側はどの処理が購読しているのかを一切気にする必要なく、単にdispatchEventを実行すれば良いだけになります。コールバック処理の場合は一つの関数しか実行できませんがdispatchEventであれば購読しているイベントすべてに通知が飛びます。

今回のコードはJSFiddleにて確認できます。イベントの通知処理の方法について確認してください。

イベント:非DOM要素(JavaScriptオブジェクト)でのイベントの使用 – hifive

From → hifive

コメントは受け付けていません。

%d人のブロガーが「いいね」をつけました。