反应怎样阻止冒泡失败

这篇文章主要介绍反应怎样阻止冒泡失败,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

反应阻止冒泡失败的方法:1,在没有涉及到原生事件注册只有反应事件时,用【e.stopPropagation()】阻止冒泡;2,需要用到【e.nativeEvent.stopImmediatePropagation()】方法。

<强>反应阻止冒泡失败的方法:

1,在没有涉及到原生事件注册只有反应事件时,用<代码> e.stopPropagation() 阻止冒泡,代码如下:

进口反应,{组件}& # 39;反应# 39;; 　　进口& # 39;。/App.css& # 39;; 　　类应用扩展组件{ 　　handleClickTestBox=(e)=比;{ 　　console.warn (& # 39; handleClickTestBox: & # 39;, e); 　　} 　　handleClickTestBox2=(e)=比;{ 　　console.warn (& # 39; handleClickTestBox2: & # 39;, e); 　　} 　　handleClickTestBox3=(e)=比;{ 　　e.stopPropagation (); 　　console.warn (& # 39; handleClickTestBox3: & # 39;, e); 　　} 　　呈现(){ 　　回报( 　　& lt; div 　　className=皌est-box">进口反应,{组件}& # 39;反应# 39;; 　　进口& # 39;。/App.css& # 39;; 　　类应用扩展组件{ 　　componentDidMount () { 　　document.addEventListener(& # 39;点击# 39;,这一点。handleDocumentClick、假); 　　} 　　handleDocumentClick=(e)=比;{ 　　console.log (& # 39; handleDocumentClick: & # 39;, e); 　　} 　　handleClickTestBox=(e)=比;{ 　　console.warn (& # 39; handleClickTestBox: & # 39;, e); 　　} 　　handleClickTestBox2=(e)=比;{ 　　console.warn (& # 39; handleClickTestBox2: & # 39;, e); 　　} 　　handleClickTestBox3=(e)=比;{//阻止合成事件的冒泡 　　e.stopPropagation ();//阻止与原生事件的冒泡 　　e.nativeEvent.stopImmediatePropagation (); 　　console.warn (& # 39; handleClickTestBox3: & # 39;, e); 　　} 　　呈现(){ 　　回报( 　　& lt; div 　　className=皌est-box">进口反应,{组件}& # 39;反应# 39;; 　　进口& # 39;。/App.css& # 39;; 　　类应用扩展组件{ 　　componentDidMount () { 　　document.addEventListener(& # 39;点击# 39;,这一点。handleDocumentClick、假); 　　document.body.addEventListener(& # 39;点击# 39;,这一点。handleBodyClick、假); 　　} 　　handleDocumentClick=(e)=比;{ 　　console.log (& # 39; handleDocumentClick: & # 39;, e); 　　} 　　handleBodyClick=(e)=比;{ 　　如果(e。目标,,e。目标===document.querySelector(& # 39; #内部# 39;)){ 　　返回; 　　} 　　console.log (& # 39; handleBodyClick: & # 39;, e); 　　} 　　handleClickTestBox=(e)=比;{ 　　console.warn (& # 39; handleClickTestBox: & # 39;, e); 　　} 　　handleClickTestBox2=(e)=比;{ 　　console.warn (& # 39; handleClickTestBox2: & # 39;, e); 　　} 　　handleClickTestBox3=(e)=比;{//阻止合成事件的冒泡 　　e.stopPropagation ();//阻止与原生事件的冒泡 　　e.nativeEvent.stopImmediatePropagation (); 　　console.warn (& # 39; handleClickTestBox3: & # 39;, e); 　　} 　　呈现(){ 　　回报( 　　& lt; div 　　className=皌est-box">以上是反应怎样阻止冒泡失败的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

反应怎样阻止冒泡失败