如何偵測CSS偽元素上的點擊事件？

偽元素點擊事件偵測

偽元素，如:before和:after，透過以下方式增強HTML元素的樣式能力：插入虛擬內容。然而，這些虛擬元素並不是 DOM 的一部分，缺乏直接的事件處理能力。

在給定的範例中，僅偵測紅色偽元素（使用 p:before 建立）上的點擊事件是有問題的。由於偽元素不在 DOM 中表示，因此您無法將點擊事件直接綁定到它們。

解：

要實現所需的行為，請考慮使用子元素元素而不是偽元素。建立一個元素並將其放置在緊接著開頭

之後標籤。將目前套用到 p:before 的樣式套用到此 中。

現在您可以將點擊事件綁定到 上。

注意：

並非所有瀏覽器都一致支援將事件綁定到偽元素內的子元素。為了獲得最佳的跨瀏覽器相容性，請考慮使用上述方法，而不是依賴偽元素進行事件處理。

以上是如何偵測CSS偽元素上的點擊事件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！