javascript - 是否可以将自定义函数而不是事件绑定(bind)到 JQuery 中的 div？

Question

我想知道这是否可能，我可以使用 AS3 做到这一点。是否可以在 div 上绑定(bind)一个仅监听鼠标事件的监听器。假设我有一个名为“lion”的 div，通常这就是绑定(bind)鼠标事件的方式:

  $("#mouse").bind("click", function(e)
  {
     alert(e.currentTarget.id);
  }

但是正如你所看到的，鼠标事件已经被声明为“click”。我想做的是编写一个函数，然后将该函数绑定(bind)到“lion”div。当 lion 遇到此类鼠标事件时，函数能够捕获鼠标事件类型。这是函数:

  $.fn.chkType = function(e)
  {
    var evt = e.type;
    var str = "";

    switch(evt)
    {
      case "mouseover":
      str = "MOUSE OVER";
      break;

      case "mouseout":
      str = "MOUSE OUT";
      break;

      case "click":
      str = "CLICK";
      break;

      default:
      break;
   }

   alert(str);
  }

现在，如果我想将此功能分配给“lion”，我不确定这如何可能？我做了很多搜索，最接近的是:

http://api.jquery.com/bind/

非常感谢您的意见。谢谢。

Answer 1

我建议绑定(bind)到您想要绑定(bind)的所有事件。

$("#mouse").bind("click mouseover mouseout", function(e) {
    //alert(e.currentTarget.id);
    //alert(e.type);
    console.log(this.id);
    console.log(e.currentTarget.id);
    console.log(e.type);
});

更新
$.chkType 方法的目的是什么？为什么不直接提醒类型呢？