所谓事件命名空间，其实就是在事件类型后面以点语法附加一个别名，以便引用事件，如”click.a”，其中”a”就是click当前事件类型的别名，即事件命名空间。由于点号是用来定义命名空间的，所以如果我们使用了自定义事件，那么事件名称一定不要包含点号，否则会引起意想不到的问题。这种问题，没有尝试的必要，特殊字符能不用则不用，否则是给自己找麻烦。
$("#button1").bind("click.a",function(eventObj){ console.log("click1"); }); $("#button1").bind("click.b",function(eventObj){ console.log("click2"); }); // success to cancel function2 $("#button1").unbind("click.a");
可以看到：使用命名空间，能够以一种更优雅的方式取消某种事件类型下的某个事件处理函数。这里值得一提：使用了命名空间与unbind并不冲突，上面三种形式的unbind依然可以正常使用。$("#button1").unbind()依然可以取消button1上的所有事件，$("#button1").unbind("click")依然可以取消所有的click事件。这种兼容性设计是非常棒的。
使用命名空间还要1个好处：能够按照命名空间来取消事件。
// 2个命名空间a和b $("#button1").bind("click.a",function(eventObj){ console.log("click1"); }); $("#button1").bind("click.b",function(eventObj){ console.log("click2"); }); $("#button1").bind("mouseup.a",function(eventObj){ console.log("mouseup"); }); $("#button1").bind("mousedown.a",function(eventObj){ console.log("mousedown"); });
这段代码我们使用2个命名空间a和b，如果我只想要保留第2个click事件处理函数，其余的全部删除。我们可以有2种方式达到目的：
方式1：
$("#button1").unbind("click.a"); $("#button1").unbind("mouseup"); $("#button1").unbind("mousedown");
方式2：
$("#button1").unbind(".a");
很显然方式2更加简单，更加技巧性，虽然代码更不容易看懂，不过只要你熟悉JQuery就能看懂。项目中如果出现了你看不懂的代码，只有2种情况：要么别人不行，代码写的烂；要么自己不行，知识懂的少。如果不熟悉某种语言，又怎能用它写好代码呢？所以，代码质量、开发效率，和个人技能水平，团队水平紧密相关。
以上所述是小编给大家介绍的jQuery事件处理的特征(事件命名机制)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: