Javascript 检测鼠标指针是否位于伪元素的上方？

我有一个伪元素，它在父元素的边界之外：

#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中最新的好东西，有没有优雅的方法来检测指针是否超出伪元素的顶部？这似乎是可能的…

事件对你的父母来说仍然是泡泡

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

---

谢谢-有没有办法区分父元素和伪元素？