您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
Ready 发布于2014年09月02日 13:49

原创 jQuery Event.namespace 属性详解

3432 次浏览 读完需要≈ 5 分钟

内容目录

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.abc.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>

运行代码

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论

打开导航菜单