你能偵測到偽元素上的點擊事件嗎？

偵測偽元素上的點擊事件

問題：

在給定的程式碼片段中，點選事件綁定到包含偽元素的父元素。但是，目標是僅在單擊偽元素時觸發事件。那麼問題來了：偽元素上可以偵測到點擊事件嗎？

答案：

不幸的是，無法將點擊事件直接綁定到偽元素。偽元素（例如“:before”和“:after”）不是文檔物件模型 (DOM) 的一部分。因此，它們沒有自己的事件監聽器。

解決方案：

如果您需要專門在偽元素上觸發點擊事件（例如，紅色位元），您可以考慮另一種方法：

1. 建立一個子元素，例如span。
2. 將span元素放置在緊接在開頭

   之後

3. 將所需的樣式應用到 'p span' 而不是 'p:before'。
4. 將點擊事件綁定到 'p span' 元素。

透過建立子元素並向其套用樣式，您可以有效地模仿偽元素的行為，同時保持捕捉點擊事件的能力。

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