首頁 > web前端 > css教學 > 如何僅檢測父元素而不是其偽元素上的單擊事件?

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

Patricia Arquette
發布: 2024-12-25 13:50:15
原創
848 人瀏覽過

How Can I Detect Click Events Only on a Parent Element and Not its Pseudo-Element?

偵測偽元素上的點擊事件

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

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

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板