javascript - 主干事件未触发？

Question

所以我有这个简单的主干设置:

$(function() {
  var chooser  = Backbone.View.extend({
    el: $('#content'),

    events: {
      'mouseenter .class': 'showInfo'
    },

    showInfo: function(evt) {
      console.log('YEAH!');
    }
  });

  window.testview = new chooser();
});

但是，我只能让单击和鼠标移动事件起作用。我尝试过悬停、鼠标输入、鼠标退出，但它们似乎都没有触发。我不确定如此简单的设置会出现什么问题。我在过去的一个小时里查看了这段代码，所以也许我遗漏了一些东西。

假设 DOM 设置正确。

忘了提及，我正在将 Backbone 与 Zepto 一起使用。下载美联储 6。

Answer 1

mouseenter 和 mouseleave 事件不是标准事件，它们本身仅在 Internet Explorer 上受支持。 jQuery 使用带有事件时间检查的 mouseover 和 mouseout 事件来模拟这些事件。 hover 也是如此，它实际上是使用 mouseenter/leave 构建的。

Zepto 没有定义这些事件，因此它们根本不可用。虽然 Zepto 适用于桌面浏览器，但它主要专注于移动浏览器，由于显而易见的原因，鼠标事件与移动浏览器无关。