如何将事件附加到使用backbone.js？

发布于 2024-12-21 13:44:29 字数 92 浏览 0 评论 0原文

是否可以？像这样的东西：

...
events {
  'keydown body' : 'doSmth'
}
...

原文

Is it possible? Something like this:

...
events {
  'keydown body' : 'doSmth'
}
...

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

女中豪杰 2024-12-28 13:44:29

这是不可能的，因为 Backbone 使用事件哈希来订阅视图元素（view.el 属性）和元素后代上的事件。它不订阅来自视图元素之外的元素的事件。

因此，如果视图的元素是表格，那么当在表格上触发 keydown 事件时，将调用 doSomething() 函数，但如果在页面上的另一个元素上触发 keydown 事件，则不会调用该函数。

回复收藏 0 原文

淤浪 2024-12-28 13:44:29

一般来说，“html”上的 keydown 应该可以工作，请参阅这个问题：

body 上的 keydown？

但是，它是通常最好让 Backbone View 中的事件由 View 的 el 中的元素触发。在这种情况下，您可以使通用应用程序范围的视图接受按键输入：

events: {
    'keydown': 'doSomething'
}

Generally speaking keydown on 'html' should work, see this question:

keydown on body?

However, it is generally better to have events in a Backbone View be triggered by elements in the View's el. In that case you could make your general app-wide View accept keydown inputs:

events: {
    'keydown': 'doSomething'
}

回复收藏 0 原文

初懵 2024-12-28 13:44:29

只需使用框架（例如 jQuery）在视图的初始化方法中绑定它即可。

 var View = Backbone.View.extend({
      initialize: function() {
         _.bindAll(this, "keyPress");
         $(document).bind('keydown', this.keyPress);
      },
      keyPress: function(e) {
         console.log(e.keyCode);
         alert(e.keyCode);
         return false;
      }
   });

不要忘记解绑，这很重要；您可以使用 $(document).find(this.$el).size() 来检查 keyPress 以查看视图是否仍在 dom（文档）中。

if($(document).find($(this.options.container)).size() <= 0) {
      alert("view not in document");
      $(document).unbind('keydown', this.keyPress);
}else {
      alert("view is here");
}

Simply bind it using a framework such as jQuery inside the initialize method of the view.

 var View = Backbone.View.extend({
      initialize: function() {
         _.bindAll(this, "keyPress");
         $(document).bind('keydown', this.keyPress);
      },
      keyPress: function(e) {
         console.log(e.keyCode);
         alert(e.keyCode);
         return false;
      }
   });

Do not forget to unbind, it's important; you can check in keyPress to see if the view still is in the dom (document) by using $(document).find(this.$el).size()

if($(document).find($(this.options.container)).size() <= 0) {
      alert("view not in document");
      $(document).unbind('keydown', this.keyPress);
}else {
      alert("view is here");
}

回复收藏 0 原文

~没有更多了~