美文网首页
冒泡委托

冒泡委托

作者: 秋殇灬 | 来源:发表于2018-08-29 19:11 被阅读0次

    冒泡定义:点击子组件会触发父组件事件,所有父组件,先子一层一层到父。

    jq阻止冒泡有3种方法:

    1, event.stopPropagation();//需要有参数event。它阻止了冒泡,但是不阻止默认行为
    2, return false;//阻止事件冒泡也阻止默认行为
    3,event.preventDefault(); //不阻止冒泡但是阻止默认行为

    代码如下:
    $('span').bind("click",function(e){
       alert("span");
      // e.stopPropagation();  阻止冒泡但不阻止默认行为
    //   return false;   组织冒泡和默认行为
       e.preventDefault();//不默认冒泡阻止默认行为
    

    js阻止冒泡

    1,使用on方式绑定的事件通过cancelBubble阻止冒泡。 
    
    function stopBubble(e) { 
    if ( e && e.stopPropagation ) //非IE
    e.stopPropagation(); //阻止冒泡
     e.preventDefault();//阻止默认行为 如表单提交和a标签
    else //IE
    window.event.cancelBubble = true; //阻止冒泡
      window.event.returnValue = false;//阻止默认行为 如表单提交和a标签
    }
    

    相关文章

      网友评论

          本文标题:冒泡委托

          本文链接:https://www.haomeiwen.com/subject/cqgkwftx.html