javascript - jquery 事件已记录。它是如何工作的？

Question

我在 jquery api.documentation 中搜索并找到了这个代码示例:

var event = jQuery.Event( "logged" );
event.user = "foo";
event.pass = "bar";
$( "body" ).trigger( event );

我试图了解它如何与 html 代码交互......但对我来说这似乎是不可能的......而且我仍然感到震惊

谁能解释一下？提前致谢。

Answer 1

这是一个自定义事件处理的例子。 jQuery 不仅允许绑定(bind)到通常的 onclick、onkeyup 等 DOM 事件，还允许绑定(bind)任何自定义的用户定义事件。例如:

$("body").on("logged", function(e) {
    alert('Logged: ' + e.user + ', ' + e.pass);
});

var event = jQuery.Event("logged");
event.user = "foo";
event.pass = "bar";
$( "body" ).trigger( event );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>