入れ子になっている要素のイベント処理を制御する - GeekFactoryKnockout.js を使う場合に、入れ子になっている要素のイベントを上手く制御する方法について書きます。公式ドキュメントに記載されている典型的なパターンですが、混乱しやすいのでまとめてみました。 やりたいこと 以下のHTMLを考えます。 <div class="task"> <input type="checkbox" /> <span class="title">温泉を予約する</span> <div class="notes"></div> </div> イメージはこんな感じ。 以下を実現したいとします。 付箋（div.task 要素）がクリックされたらダイアログを表示したい。 チェックボックス（input 要素）がクリックされたらサーバサイドに保存したい。 click binding を使ってみましょう。 <div data-bind="click: showDialog" cl
