事件命名空间及自定义事件（转）

jQuery事件命名空间

jQuery支持事件命名空间，以方便事件管理。例如，在下面的示例中，为div元素绑定多个事件类型，然后使用命名空间进行规范，从而方便管理。所谓事件命名空间，就晨事件类型后面以点语法附加一个别名，以便引用事件，如”click.a”，其中”a”就是click当前事件类型的别名，即事件命名空间

如：

$("div").bind("click.a", function() {
alert("click");
});
$("div").bind("dbclick.a", function() {
alert("dbclick");
});
$("div").bind("mouseover.a", function() {
alert("mouseover");
});
$("div").bind("mouseout.a", function() {
alert("mouseout");
});

若在所有绑定的事件类型后面附加命名空间，这样在删除事件时，就可以直接指定命名空间。如$("div").unbind(".a");

同样，如果相同的事件类型设置不同的命名空间，如果仅删除某一个事件处理程序，则只需要指定命名空间即可。

另外，在trigger()方法中，如果事件类型后面附加感叹号，则表示触发不包含命名空间的特定事件类型。

$(“div”).bind(“click”,function(){});

$(“div”).bind(“click.a”,function(){});

$(“div”).trigger(“click!”)//注意click类型后面的感叹号，它将触发第一个注册

多事件绑定

对于同一个对象的多个事件，可以连写的形式串在一起。

$(“div”).bind().bind()…

 

自定义事件

jQuery支持自定义事件，所有自定义事件都可以通过jQuery方法触发，例如下面的示例自定一个Delay事件类型，并把它绑定到input元素对象上，然后在按钮单击事件中触发自定义事件

$(“input”).bind(“delay”,function(event){

    setTimeout(function(){

          alert(event.type);

    },1000);

});

$(“input”).click(function(){

      $(“input”).trigger(“delay”); //触发自定义事件

});

自定义事件不是真正意义上的事件，可以把它理解为自定义函数，触发自定义事件就相当于调用自定义函数。