jQuery(document).on('click.classname'.......)?

本文关键字：classname click on document jQuery 更新时间：2023-09-26

我正在阅读MaterializeCSS的js文件，在其"cards.js"文件中，有以下几行：

$(document).on('click.card', '.card', function (e) {
    //something
});

我对jQuery的.on()函数并不陌生，但我从未使用自定义事件作为第一个参数。我不明白的是，似乎没有地方定义这个自定义事件click.card（如果它是一个自定义事件），因为我只从MaterializeCSS包中加载了这个card.js和另一个velocity.min.js文件，除了jQuery，我搜索了velocity.min.js，没有任何与此事件相关的内容。在我看来，自定义事件是这样的模式：original event。classname，但我尝试用其他类名替换card，但没有成功。

我试图查找有关如何定义自定义事件的更多信息，但找不到任何有用的信息。

我的问题是如何找到这个自定义事件的定义位置。

这不是一个自定义事件，这是一个具有名称空间的DOM事件：

click是DOM事件，card是事件名称空间。

如果在同一个元素上有多个处理程序，这可以帮助您识别它们。您可以只删除此侦听器（并保留所有其他click侦听器）：

$(document).off('click.card');

您可以使用$('...').trigger:手动触发它们

$('.card').trigger('click.card'); // only triggers this specific click listener, not the others

您可以在此处找到有关事件名称空间的更多信息。