JQuery自动触发事件,自定义事件,事件命名空间

jQuery事件自动触发

//第一种
$(DOM).on("click",function(){
   [code]; 
});
$(DOM).trigger("click");//自动触发click事件,会触发事件冒泡与默认行为
//第二种
$(DOM).triggerHandler("click");//自动触发click事件,不会触发事件冒泡与默认行为

注意事项:如果你想触发a标签的默认行为
就要将事件绑定到a标签的子元素身上。

jQuery中自定义事件

  1. 自定义事件必需使用on
  2. 想要触发就必须使用trigger(“事件名”)
$(DOM).on("myclick",function(){
   [code]; 
});
$(DOM).trigger("myclick");

jQuery中事件命名空间

$(function(){
    $(".father").on("click.lz",function(){
      console.log("father1");
    })
     $(".son").on("click.lz",function(){
       console.log("son");
    })
    $(".father").on("click",function(){
       console.log("father2");
    })
    $(".son").trigger("click");//son father1 father2
    $(".son").trigger("click.lz");//son father1 
    $(".father").trigger("click");//father1 father2
});

版权声明:本文为qq_42474515原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。