stopPropagation困境？

首先，例如JS代码：stopPropagation困境？

$(function(){ 
 
    
 
    $('body').click(function(){alert('body clicked');}); 
 
    
 
    $('body').on('click','.post-header',function(e){ 
 
     
 
     e.stopPropagation(); 
 
     $(this).next('.post-content').slideToggle(); 
 
    
 
    
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 

 
     <div class="post-wrapper"> 
 
      <h2 class="post-header">Lorem Ipsum</h2> 
 
      <div class="post-content"> 
 
       <p>Lorem Ipsum is simply dummy text of....</p> 
 
      </div> 
 
     </div> 
 
     
 
    </body>

我的问题是，如果e.stopPropogation（）杀死对身体冒泡，怎么来的单击事件击中身体，并触发处理程序运行幻灯片代码？

来源

2016-02-12 ilcognito

参考this answer以前的类似问题，事实证明，使用stopPropagation和委托处理“通常”是无用的。事件在stopPropagation被激活之前已经传播到正文。

但在上面的例子中，stopPropagation实际上可以防止连接到主体的其他单击事件处理程序。

来源

2016-02-12 15:28:39 ilcognito

stopPropagation困境？

回答

相关问题