我有一個按鈕(我們稱之為主按鈕),里面有三個 div:
- 第一個包含漫畫海報的 div
- 第二個 div 包含有關漫畫的資訊
- 第三個 div 包含一個按鈕(我們稱之為折疊按鈕)
默認情況下,資訊 div 和折疊按鈕是隱藏的,并在按下主按鈕時顯示。結果如下:您會看到漫畫的海報,當您單擊它時,海報下方會顯示有關它的資訊。出現在底部的折疊按鈕用于...將其折疊回來:它隱藏第二個 div 和它本身,使整個裝置恢復到正常狀態。
問題如下:
當我單擊折疊按鈕時,“單擊”的事件偵聽器將運行并且一切都折疊起來。但是,由于某種原因,主按鈕的事件偵聽器也被觸發并再次顯示所有內容。一個回圈。您可以顯示資訊,但不再隱藏。
我怎樣才能確保按下折疊按鈕時,主按鈕也不會被觸發?
謝謝!
uj5u.com熱心網友回復:
在“單擊”函式中,您可以停止事件的傳播,使其不會到達其他組件
event.stopImmediatePropagation();
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/380010.html
標籤:javascript html css
下一篇:輸入字符React后輸入失去焦點
