React 阻止事件冒泡


簡單來說

 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();可行  還不太清楚


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM