在VIEW（事件从另一个库）自定义事件Backbone.js的？ [英] Backbone.js with custom events in VIEW (events from another library)?

问题描述

所以我用steroids.js和库为我提供了这个事件：

  document.addEventListener（visibilitychange，onVisibilityChange，FALSE）;功能onVisibilityChange（）{}
 

这工作，如果我只是把它在我的JS文件，但如何在与Backbone.js的视图翻译？我如何与框架实现这个？我试图在初始化函数。对，但它似乎并没有工作。

解决方案

1 - 使用文件作为一个元素：

  VAR DocumentEventsView = Backbone.View.extend（{
  EL：文件，
  事件：{
    visibilitychange'：'onVisibilityChange
  }，
  onVisibilityChange：功能（）{
    的console.log（'内onVisibilityChange'）;
  }
}）;//测试
新DocumentEventsView（）;
（文档）$ .trigger（'visibilitychange'）;
 

2 - 使用自定义报：

  VAR DocumentEventsView = Backbone.View.extend（{
  初始化：功能（）{
    $（文件）。在（'visibilitychange'，_.bind（this.onVisibilityChange，这一点））;
  }，
  onVisibilityChange：功能（）{
    的console.log（'内onVisibilityChange'）;
  }
}）;//测试
新DocumentEventsView（）;
（文档）$ .trigger（'visibilitychange'）
 

So I am using steroids.js and the library provides me with this event:

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

function onVisibilityChange() {

}

This works if I just put it in my JS file, but how does that translate in a View with Backbone.js? How I implement this with the framework? I tried with .on in the initialize function, but it does not seem to work.

解决方案

1 - Using document as an element:

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

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

2 - Using custom 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')

这篇关于在VIEW（事件从另一个库）自定义事件Backbone.js的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！