javascript - svg 路径上的 jQuery 鼠标悬停事件

标签 javascript jquery svg

我在我的网站上放置了一个 svg 文件,如下所示:

<object id="mysvg" type="image/svg+xml" data="mysvg.svg"></object>

我想在路径上而不是整个对象上添加 jQuery 鼠标悬停事件。因此,当我将鼠标悬停在透明区域上时,该事件不会被触发。

我已经尝试从 "mysvg" onmouseover 更改事件到“路径”鼠标悬停以检查它是否通常有效,但我无法做到这一点。有没有办法仅当鼠标悬停在 generated path of the SVG? 上时才触发事件

谢谢:)

最佳答案

您需要将 svg 直接插入 HTML 文件

关于javascript - svg 路径上的 jQuery 鼠标悬停事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50039740/

相关文章:

javascript - jQuery:如何将表单元素上的事件监听器范围限制到它们自己的表单?

javascript - 在父状态更改后 react 子组件不重新渲染

javascript - Rails bootstrap 轮播加载缓慢

php - 从链接中激活外部 href onclick

SVG 文本可访问性

javascript - 动态加载 SVG 时,SVG 填充 ="url(#foo)"消失

php - 在 PHP 中检测 SVG 图像

javascript - 如何创建类似于 Apple 网站上的按钮?

javascript - 不透明度设置为 0 时显示的 Div 内容

javascript - 让我的菜单停留在浏览器顶部,移动设备除外(即#header低于400px)