偵測偽元素上的點擊事件
問題:
儘管嘗試實現點擊偽元素上的事件偵聽器(在本例中為紅色覆蓋層),此事件也會觸發主要元素(藍色背景)。目的是將點擊檢測僅隔離到偽元素。
答案:
偽元素,例如提供的 JavaScript 小提琴中的紅色覆蓋層,是不是文件物件模型 (DOM) 的一部分。因此,它們無法直接接收事件綁定。在這種情況下,按一下事件與父元素(藍色背景)相關聯。
要專門為紅色區域啟動點擊事件處理程序,需要在其中建立一個子元素,例如 span主要元素並相應地應用樣式。此子元素作為點擊事件的目標,而不是偽元素。
透過採用此策略,可以將點擊事件隔離到所需的區域,滿足與回應互動的特定需求偽元素而不影響包圍元素。
以上是如何僅檢測偽元素而不是其父元素上的單擊事件?的詳細內容。更多資訊請關注PHP中文網其他相關文章!