Backbone：如何在 el 容器上监听事件答案

【问题标题】：Backbone: how to listen events on el containerBackbone：如何在 el 容器上监听事件
【发布时间】：2013-12-29 17:46:09
【问题描述】：

我想知道如何在主“.list”元素容器上监听一个简单的事件（悬停或悬停）。

我在 View 上尝试过，但它不起作用。

template:"#sortingTemplate"
tagName:"div"
className:"list"
events:
  "hover"         : "hoverContainer"
  "out"           : "outContainer"
  "hover .list"   : "hoverContainer"
  "out .list"     : "outContainer"

有什么建议吗？

【问题讨论】：

尝试使用"mouseover" 而不是"hover"

标签： events backbone.js coffeescript marionette

【解决方案1】：

前两个应该做你需要的：

  "hover"         : "hoverContainer"
  "out"           : "outContainer"

他们本质上是在说“绑定到我的顶级 el”。底部的两个是在说“使用列表类绑定到我的 el 中的子元素”。

编辑

正如@Vic 指出的（我没有注意到），您使用了不正确的 DOM 事件：D。正如他建议的那样，将它们更改为 mouseover 和 mouseout：

  "mouseover"         : "hoverContainer"
  "mouseout"          : "outContainer"

【讨论】：

好的，试过了。现在它触发了“mousehover”事件，但是如果鼠标经过主容器内的元素，它会触发“mouseout”事件。
@SashaGrey 使用 mouseenter 和 mouseleave。 jQuery 跨浏览器规范化这些。
@kalley：谢谢！（你是我的正确答案。如果你从头开始写，你有我的绿色支票）