Javascript 如何在jQuery中定义自己的事件？

如何在jQuery中定义自己的事件？

请参阅此

下面是上面文章中的一些代码片段

您可以使用jQuery在您选择的任何DOM对象上触发自定义事件。只需使用以下代码触发它：

$("#myelement").trigger('fuelified');

您可以使用jQuery中的bind或live函数订阅该事件：

$("#myelement").bind('fuelified',function(e){ ... });
$(".cool_elements").live('fuelified',function(e){ ... });

您甚至可以在触发事件时传递有关该事件的附加数据，并在侦听器端引用它：

$("#myelement").trigger('fuelified',{ custom: false });
$("#myelement").bind('fuelified',function(e,data){ if(data.custom) ... });

---

已调用触发器的元素可作为此变量用于侦听器的回调函数。

定义并附加您自己的自定义事件：

…然后直接告诉他们：

$('#myobject').trigger('myFancyEvent');

…或与其他事件处理程序混合使用：

$('#myobject').click( function(){
  doSomething();
  $(this).trigger('myFancyEvent');
});

---

你应该很容易找到关于这个主题的大量信息。已经有几年了，但仍然是一个很好的概述。

您可以抛出如下事件：

$("#element").trigger("your.event", [ 'Pamela', 'Anderson' ] );

请注意，额外的参数应作为数组传递

如何收听事件：

$("#element").bind("your.event", function(event, firstName, lastName) { 
    // Callback
});

如果事件不是特定于特定dom节点的，则可以用文档替换“#元素”选择器

jQuery文档：

---

+1如果您将答案扩展到可能包含文章中的一些代码，并带有链接以获取更多信息……否则，如果链接更改，答案就没有那么精彩了

$("#element").bind("your.event", function(event, firstName, lastName) { 
    // Callback
});