JSでイベントハンドラ周りにコマンドパターンを使って、メンテナンスを簡単にする - 心魅 - cocoromi -

JavascriptでAjaxでかつ画面遷移しまくるアプリを作るときに、イベントハンドラの付け替えが割と面倒だったりします。 そんなときには中身を入れ替えない部分の要素にだけイベントハンドラを設定して、あとはクラスをパースして処理を分けるという手段があります。 今回のサンプル：http://umezo.tsuyabu.in/samples/js/cmdPattern/ 前提 ただし、そもそもイベントハンドラを付け替えなきゃ行けない時なんかあるのか？というと、以下の様なケースが該当します。 Ajaxによる内容の入れ替えをinnerHTMLの書き換えで行っている と言うのも、innerHTMLで中身を書き換えてしまうと、JS上のオブジェクトに対応する、HTML要素がいなくなってしまうため、イベントが飛んでこなくなるのです。 仮に書き換える前と全く同じHTMLを読み込んだとしてもイベントハンドラ

[HolyGrail]

こういう作りにする必要があるときはもうonclickでいいと思うように1年ぐらい前から思い始めた。