javascript - Jquery 特别事件？这些是什么？我该如何使用它们？这个例子是否适合使用 Jquery 特殊事件？

Question

什么是 Jquery 特殊事件？我在谷歌上搜索了一下，仍然有点困惑，不过我想我可能对此有所了解。请告诉我这是否适合使用 Jquery 特殊事件进行编码。

我需要创建一个功能，让人们可以在文章页面上为某个段落添加书签，以便他们稍后可以回来继续阅读他们离开的地方。会有一个链接，上面写着“放置书签”，当人们点击该链接时，它将启用“书签模式”，人们现在可以将鼠标悬停在文章中的一个段落上，当他们将鼠标悬停在一个段落上时，一个 div 出现在该段落上，上面写着“BOOKMARK THIS”，当他们将鼠标悬停在该段落上时，该 div 消失。当他们在“书签模式”下点击一个段落时，“书签这个”div 中的文本变为“你放置了一个书签”，然后该 div 在几秒钟后消失并且“书签模式”禁用。如果用户已经在页面上放置了书签，但决定将书签移动到另一个段落，那么一切都和用户第一次放置书签一样，但文本将改为“您的书签已被已移动”。

如果我理解正确，这个例子确实是特殊事件的一个很好的候选者，有人可以帮助我进行结构的基本布局吗？我不需要所有的编码，我只需要知道悬停代码应该放在哪里，悬停，点击，移动书签等等。

jQuery.event.special.myevent = {
  setup: function( data, namespaces, eventHandle ) {
    // code
  },
  teardown: function( namespaces ) {
    // code
  },
  add: function( handleObj ) {
    // code
  },
  remove: function( handleObj ) {
    // code
  },
  _default: function( event ) {
    // code
  }
};

来自 benalman.com/special-events

Answer 1

看起来您可以向自定义绑定(bind)/触发事件添加额外的功能。

这是一个很棒的article

jQuery.event.special.myevent = {
  setup: function( data, namespaces, eventHandle ) {
    alert("start");
  },
  teardown: function( namespaces ) {
    alert("done");
  },
  add: function( handleObj ) {
    alert("new")
  },
  remove: function( handleObj ) {
    alert("delete")
  },
  _default: function( event ) {
    alert("default");
  }
};

$(obj).bind("myEvent", f); // start, new

$(obj).bind("myEvent", g); // new

$(obj).trigger("myEvent"); // default

$(obj).unbind("myEvent", f); // delete

$(obj).unbind("myEvent", g); // delete, done