码迷,mamicode.com
首页 > 其他好文 > 详细

React 阻止事件冒泡

时间:2017-06-29 13:35:32      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:top   file   为什么   com   opp   事物   dia   document   jquery   

简单来说

 e.stopPropagation() 可以阻止合成事件之间的冒泡  不可以阻止合成事件到原生事件的冒泡

 

因为React委托的document 和原生document不是同一个事物

e.stopPropagation()阻止的只是到react对应document

而当事件触发时,会向 react和原生document两个方向传递

 

如果要阻止这两种冒泡,得写上下面两句,就真正阻止了冒泡

e.stopPropagation();
e.nativeEvent.stopImmediatePropagation();
 
stopImmediatePropagation()的作用 详见   http://www.runoob.com/try/try.php?filename=tryjquery_event_stoppropagation
 
至于为什么
e.nativeEvent.stopPropagation(); 不可行
而e.nativeEvent.stopImmediatePropagation();可行  还不太清楚

React 阻止事件冒泡

标签:top   file   为什么   com   opp   事物   dia   document   jquery   

原文地址:http://www.cnblogs.com/lp-1763501916/p/7093788.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!