「Knockout.js/eventバインディング」を編集中 (節単位)

== 備考 ==

=== イベントとクリック ===
クリックに関しては[[knockout.js/clickバインディング|clickバインディング]]が用意されているが、eventバインディングのイベント名に「click」と指定しても同じ動作をする。ようするに[[knockout.js/clickバインディング|clickバインディング]]はeventバインディングの中でも多用されるであろうということで用意されている短縮表記である。

よって、自動的に渡される引数などの挙動も同一なので、このページの記述に漏れがあるかもしれないので、[[knockout.js/clickバインディング|clickバインディング]]のページも見ろ。

<source lang="html5">
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>knockout.js - eventバインディングとclickバインディング</title>
  <script type="text/javascript" src="jquery-1.5.1.min.js"></script>
  <script type="text/javascript" src="knockout-2.0.0.js"></script>
  <script type="text/javascript">
    jQuery(function() {
      // ビューモデル
      var AppViewModel = function() {
        var self = this;

        self.buttonClick = function() {
          alert("button click!");
          return true;
        };

      };
      // バインディング適用
      ko.applyBindings(new AppViewModel());
    });
  </script>
</head>
<body>
  <div>
    <button data-bind="event: { click: buttonClick, clickBubble: false }">
      押してみろ！その１
    </button>
    <button data-bind="click: buttonClick, clickBubble: false">
      押してみろ！その２
    </button>
  </div>
</body>
</html>
</source>