检测鼠标指针是否超出伪元素？

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.
});