jQuery.trigger()方法指定命名空间事件

通过demo了解下基于jQuery给click事件绑定事件处理函数及指定命名空间

在实际项目里经常会给事件指定命名空间,以达到区分事件来源的目的。
jQuery中的trigger()方法事例:

  1. function A( event ){ 
  2.     alert( 'A' ); 
  3. function B( event ){ 
  4.     alert( 'B' ); 
  5. function C( event ){ 
  6.     alert( 'C' ); 
  7. var $btn = $("button"); 
  8. // 为btn1元素的click事件绑定事件处理函数 
  9. $btn.bind( "click.foo.bar", A ); 
  10. $btn.bind( "click.test.foo", B ); 
  11. $btn.bind( "click.test", C ); 
  12.  
  13. // 触发btn的click事件,不限定命名空间 
  14. $btn.trigger("click"); // 触发A、B、C 
  15. // 触发btn的包含命名空间foo的click事件 
  16. $btn.trigger("click.foo"); // 触发A、B 
  17. // 触发btn的包含命名空间test的click事件 
  18. $btn.trigger("click.test"); // 触发B、C 
  19. // 触发btn的同时包含命名空间foo和test的click事件 
  20. $btn.trigger("click.foo.test"); // 触发B 

 

 

相关经验

导读书签
书签初始化中…