javascript - 鼠标悬停在 SVG 路径上时的 HTML 工具提示

Question

这是 map 的一个片段，当我在 PATH 或链接中创建 OnMouseOver 时，我需要一个 HTML 工具提示。
目的是为了以后上传数据。现在，OnMouse 选项用于更改不透明度。

有什么建议吗？谢谢

    <svg id="svgCapa83346623" xmlns="http://www.w3.org/2000/svg" version="1.1">
    <a id="12345" href="url.html" role="button" class="enllasos" target="_blank" title="title for my text"><path id="12345" d="m 146.95108,131.63456 -1.17877,0 -0.4715,-1.88594 -0.70725,0 0,-0.4715 -4.71505,1.88595 -1.65025,0.23575 -2.82903,0.70722 -0.23575,-1.41446 0.4715,-1.6502 -0.70725,-0.94296 -1.17877,-0.70724 0.94301,-0.94296 0.94301,-1.88595 0.47151,-0.70723 0,-0.47148 1.88602,0 2.59326,-1.17872 -0.70726,-0.70723 0,-1.41446 0.47151,-1.1787 2.59327,-1.41446 0.94301,-0.94298 1.65026,-0.23574 0.47151,0.94297 2.12177,0.94297 0.23575,0 0.23575,2.82892 -0.94301,0.94297 -0.23575,0.70723 0.70726,0.23574 1.65026,1.17871 0.70726,1.17872 0,0.70723 -0.47151,0.23574 0,0.47149 -0.23575,0.94296 -0.70726,0.94298 -0.70725,0 -0.23575,0.47148 -0.47151,0 0,0.70724 -0.23575,0.94296 -0.4715,0.94298" class="inactius" onClick="evt.target.setAttribute('class', 'marinomarca');" onmouseover="evt.target.setAttribute('opacity', '0.5');" onmouseout="evt.target.setAttribute('opacity', '1');"><title>title for my text</title></path></a>
    </svg>

Answer 1

您可以创建一个 jQuery 函数来执行此操作。 这是一个例子:

$(function(){
    $('#svgCapa83346623').onmouseenter(function(){
    // do somthing
    })
}