檢測鼠標指針是否超過僞元素？

Question

我具有僞元件即父元素的邊界之外：

#parent { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 10px; 
    height: 10px; 
    background: #ff0; 
} 

#parent:before { 
    content: ""; 
    position: absolute; 
    top: 200px; 
    left: 200px; 
    width: 10px; 
    height: 10px; 
    background: #ffc; 
} 

我需要能夠檢測，如果鼠標指針是上層建築僞元件。

我在幾年前就研究過這個問題，當時這是不可能的，因爲僞元素不是DOM的一部分。

我想知道這是否改變了？在html5/javascript中使用最新的最好的東西，是否有任何（優雅）的方式來檢測指針是否超過了僞元素？看起來這應該是可能的...

Answer 1

事件仍然會冒泡給你的父母。

$("#parent").on("mouseover", function(){ 
    //on top of parent or pseudo element. 
});