如何在鼠标位置获取所有元素？

Question

我在同一个位置上有很多元素，我想在后面的每个元素上听悬停事件，即使它们落后于其他元素，有没有办法可以做到这一点？
（它们不是等级相关的，有时它们是圆形，多边形等，因此检查边界矩形是不正确的）

http://jsfiddle.net/4NdNS/4/

$circles.on("mouseover",function(){console.log(this);});

Answer 1

这是解决方案：

<强> FIDDLE

HTML：

<div id=response></div>
<svg id="mycircle Area">
    <circle  id="C1" fill="none" r="20" stroke="black" stroke-width="4" cx="100" cy="100"></circle>
    <circle fill="none" r="20" stroke="black" stroke-width="4" cx="100" cy="100"></circle>
    <circle fill="none" r="20" stroke="black" stroke-width="4" cx="100" cy="100"></circle>
</svg>

JQ：

$('circle').on("mousedown",function(e){
   $("#response").append($(e).attr('id')+' ');
    e.preventDefault();
});

的CSS：

circle{
    pointer-events: all;
}

---

这是您编辑过的fiddle