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

只偵測偽元素上的點擊事件

使用偽元素來設定元素樣式而不影響 DOM 結構是常見的做法。然而，當我們想要將事件處理程序附加到這些偽元素時，就會出現一個常見的挑戰。

問題：

提供的程式碼片段示範了點擊的問題點擊父元素時，父元素（藍色位元）和偽元素（紅色位元）都會觸發事件。目標是僅檢測偽元素上的單擊事件。

解決方案：

不幸的是，不可能將事件處理程序直接附加到偽元素元素，因為它們不是 DOM 的一部分。但是，有一個解決方法：

1. 建立子元素：不要使用偽元素，而是建立一個子元素（例如，跨度）。
2. 放置子元素：將子元素放置在緊接著開頭的

   之後。

3. 將樣式套用到子元素：將所需的樣式套用到子元素而不是偽元素。
4. 附加事件處理程序： 將事件處理程序（例如按一下）綁定到子元素。

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