你所忽视的jQuery on事件 Event.namespace 添加命名空间

namespace属性用于返回触发该事件时所指定的命名空间。

当需要为同一个元素、同一种事件类型绑定多个事件处理函数时，一般情况下，触发某个事件，就会触发执行与之对应的所有事件处理函数；解除某种类型的事件绑定，就会解除该事件类型绑定的所有事件处理函数。

jQuery中的事件函数可以在绑定事件处理函数时，为每个事件类型定义一个或多个命名空间。使用命名空间，我们就可以只触发执行指定命名空间下的事件处理函数，或者只移除指定命名空间下绑定的事件处理函数。

该属性属于jQuery的Event对象(实例)。

语法

jQuery 1.4.3 新增该属性。

eventObject.namespace

返回值

namespace属性的返回值是String类型，返回触发该事件时所指定的命名空间。

如果触发事件时没有指定命名空间，则返回空字符串("")。

示例&说明

jQuery中事件类型的命名空间有点类似于类名选择器(.className)。

在绑定事件时，可以在事件类型后定义一个或多个命名空间；在触发事件或移除事件时，可以只触发或移除包含指定命名空间的事件处理函数。

<p>CodePlayer</p>


<script type="text/javascript">
// 事件处理函数，弹出警告框并显示命名空间
function handler( event ){
    alert( event.namespace );
}

var $p = $("p");

// A：为所有p元素绑定click事件，定义在abc和foo两个命名空间下
$p.on( "click.a.foo", handler );

// B：为所有p元素绑定click事件，定义在test命名空间下
$p.on( "click.test", handler );

// C：为所有p元素绑定click事件，定义在new和foo两个命名空间下
$p.on( "click.new.foo", handler );


// 执行所有的click事件处理函数，不限定命名空间 (触发A、B、C)
$p.trigger( "click" ); // ""


// 执行定义在abc命名空间下的click事件处理函数 (触发A)
$p.trigger( "click.abc" ); // "abc"
// 执行定义在foo命名空间下的click事件处理函数 (触发A和C)
$p.trigger( "click.foo" ); // "foo"
// 执行同时定义在foo和abc命名空间下的click事件处理函数 (触发A)
$p.trigger( "click.foo.abc" ); // "abc.foo"
// 执行定义在test命名空间下的click事件处理函数 (触发C)
$p.trigger( "click.test" ); // "test"


// 移除所有定义在foo命名空间下的click事件处理函数
$p.off( "click.foo" );
</script>