javascript - jQuery - $(文档).off()

Question

我有一个完全由 ajax 驱动的网站。页面加载后，除非刷新，否则页面永远不会完全重新加载。我在这个网站上运行了几个不同的应用程序，我正在使用 .on() 在文档级别添加事件处理程序，但这些应该只在网站上使用某个应用程序时应用。为了避免不必要的事件处理程序使站点饱和，我想知道在用户切换应用程序时使用 $(document).off() 是否有任何副作用。这应该在附加新事件之前清除我绑定(bind)的所有事件。我只是想确保我没有取消绑定(bind)我不知道的东西。

Answer 1

您可以使用 jQuery 事件 namespaces .要将事件添加到 $(document)，请使用应用程序名称作为命名空间，然后使用相同的命名空间删除所有事件。

例如，如果您有一个名为“appA”的应用程序，并且您想要为一系列事件添加事件监听器:

$(document).on('resize.appA', function() { });
$(document).on('anotherEvent1.appA', function() { });
$(document).on('anotherEvent2.appA', function() { });

现在要删除文档上的所有应用程序事件，只需使用:

$(document).off('.appA');

顺便说一句 - 这仅适用于直接添加到文档的事件，而不适用于任何子项。如果您也想影响 child ，请将事件绑定(bind)到 $(document)，并使用事件委托(delegate)来影响 child 。通过这种方式，您可以一次删除所有应用事件。