javascript - 如何获取鼠标所在位置的所有元素?

标签 javascript jquery svg mouseevent

我在同一位置有许多元素,我想监听后面每个元素的悬停事件,即使它们位于其他元素后面,有什么办法可以做到这一点吗?
(它们没有层次关系,有时它们是圆形、多边形等,因此检查边界矩形是不行的)

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

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

最佳答案

这是解决方案:

<强> 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

关于javascript - 如何获取鼠标所在位置的所有元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20432393/

相关文章:

javascript - 确保输入的名称不以空格结尾

javascript - 是否可以在同一场景中有条件地运行 cucumber 步骤?

javascript - 多条测地线折线上的动画符号

javascript - 如何在使用 AOS 向上滚动时触发动画

javascript - 在另一个带有 class 的 SVG 元素之前插入 SVG 元素

javascript - 在 Wordpress Genesis Framework 上向下滚动页面时向标题添加颜色

javascript - 表的第一个 TR 中 data() 参数的长度在单击时为 "undefined",但在其他 TR 中则不是

javascript - Json 显示来自网站的数据仅显示未定义

javascript - D3.js - 如何使用圆环图的下拉控件创建过渡?

ios - 如何让 VoiceOver 确认其中包含 SVG 的链接?