javascript - 使用非标准事件名称理解 on() 语法

Question

我遇到过类似这样的 jQuery 代码:

$('.newsZoneWP').on('loadingComplete', function () {
  // ...
});

loadingComplete 到底是什么意思？在 jQuery 文档中，我读到 on() 方法将一个或多个事件的事件处理函数附加到所选元素。但是，loadingComplete 并没有像click 这样的事件发生在我身上。

此外，我在 DOM 中找不到 loadingComplete 的任何内容，那么我该如何解释此语法？

谢谢!

Answer 1

您的解释是正确的。 loadingComplete 可能是插件提供的事件。您可以在元素上触发您想要的任何事件类型，而不仅限于 DOM 定义的事件类型。

例子:

$('.newsZoneWP').on('loadingComplete', function (e) {
    console.log("Event type: " + e.type);
});

// Triggering it (from the plugin, etc.):
$('.newsZoneWP').trigger("loadingComplete");

<div class="newsZoneWP"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>