溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“react怎么阻止事件冒泡”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“react怎么阻止事件冒泡”吧!
方法：1、利用“e.stopPropagation()”在沒有涉及到原生事件注冊只有react事件時使用；2、利用“e.nativeEvent.stopImmediatePropagation()”阻止最外層document上的事件冒泡。
本教程操作環境：Windows10系統、react17.0.1版、Dell G3電腦。
在react中，阻止事件冒泡有兩種形式：
1、e.stopPropagation() 在沒有涉及到原生事件注冊只有react事件時使用。
2、e.nativeEvent.stopImmediatePropagation() 用document.addEventListener注冊了原生的事件后使用。
React阻止冒泡事件的方法，主要分為如下兩種情況：
1、阻止合成事件間的冒泡，方法：e.stopPropagation();
事件綁定如下：
阻止事件冒泡的寫法如下：
2、阻止合成事件與最外層document上的事件間的冒泡，方法：e.nativeEvent.stopImmediatePropagation();
事件綁定寫法：
（1）不傳參數：
（2）傳參數：
阻止事件冒泡的寫法：
這樣寫的原因，是給document添加了點擊事件，如下圖：
到此，相信大家對“react怎么阻止事件冒泡”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
