javascript - 在 javascript 中，将自定义事件附加到文档本身是不好的做法吗？

Question

我有许多包含非常小表单(最多 2 个字段)的引导模式。因为它们的工作非常相似，所以它们都使用我编写的 jQuery 插件来保存它们包含的表单(该插件在保存之前也会做其他事情，但那是无关紧要的)。

这些模式被“嵌入”在多个地方。我想有一种简单的方法来从代码的其他部分确定是否发生了保存。因为保存是从有兴趣了解它何时发生的代码中抽象出来的，所以我正在考虑更改保存插件以触发绑定(bind)到文档的自定义事件，然后编写事件处理程序，如 document.on('my-event-here' ... 每当我有兴趣知道是否发生了节省。

有更好的方法吗？

Answer 1

我不认为它本身是一种“不好的做法”，但是我会使用插件本身来提供这个功能。例如

$("#selector").customPlugin( customOptions );  // initialize the plugin


$.customPlugin.on("save", function(evt, data) {
    // event called on save, where data contains anything relevant
});
//$.customPlugin.off("save", ...);

我会在插件中使用自定义元素到实际的事件管理器:

var customElement = $("<div>");

// adding/removing a (new) callback
customElement.on("save", saveCallback);
customElement.off("save", saveCallback);

// triggering an event
customElement.trigger("save", data);

更好的做法是将您的插件需要的任何内容封装在插件中，而不是创建不必要的依赖项；一切都应该围绕您的插件发展。