如何僅檢測父元素而不是其偽元素上的單擊事件？

偵測偽元素上的點擊事件

在給定的場景中，有一個具有藍色背景的父元素(p) ，並且具有紅色背景的偽元素（:before），可以僅在藍色位上觸發單擊事件，而不能在紅色偽元素上觸發單擊事件。這是因為偽元素不是 DOM 的一部分。因此，直接將事件綁定到它們是不可行的。

要實現所需的行為，另一個解決方案是在父元素中建立子元素。例如，可以在開始的 p 標籤之後立即新增一個 span 元素。然後，透過將樣式套用到「p span」而不是「p:before」並將事件綁定到子元素，可以在紅色區域專門觸發點擊事件。

以上是如何僅檢測父元素而不是其偽元素上的單擊事件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！