backbone.js - VIEW にカスタム イベントがある Backbone.js (別のライブラリからのイベント)?

Question

だから私はsteroids.jsを使用しており、ライブラリは私にこのイベントを提供します:

document.addEventListener("visibilitychange", onVisibilityChange, false);

function onVisibilityChange() {

}

これは、JS ファイルに入れるだけで機能しますが、Backbone.js を使用したビューではどのように変換されるのでしょうか? フレームワークでこれをどのように実装しますか? 初期化関数に .on をつけてみたのですが、うまくいかないようです。

Answer 1

1 -document要素として使用:

var DocumentEventsView = Backbone.View.extend({
  el : document,
  events : {
    'visibilitychange' : 'onVisibilityChange'
  },
  onVisibilityChange : function () {
    console.log('inside onVisibilityChange');
  }
});

// test
new DocumentEventsView();
$(document).trigger('visibilitychange');

2 - カスタムの使用el:

var DocumentEventsView = Backbone.View.extend({
  initialize : function () {
    $(document).on('visibilitychange', _.bind(this.onVisibilityChange, this));
  },
  onVisibilityChange : function () {
    console.log('inside onVisibilityChange');
  }
});

// test
new DocumentEventsView();
$(document).trigger('visibilitychange')