Javascript 我有一个有悬停效果的图像，但上面有一个文本，它避免了它

我试图将文本放在图像的顶部，但如果我将光标移到文本上，则图像不会设置动画。当光标位于文本上时，即使图像已设置动画，也要尝试将文本视为不存在

你怎么能做到

    const svg = d3.select("body").append("svg").attr("width",1000).attr("height",1000);


    var widthMarker=50;

    var imgContainer = svg.append("g")
      .attr("transform", "translate(228,53)");

    var img = imgContainer.append("svg:image")
    .attr("xlink:href", "marker.svg")
    .attr("width", widthMarker)
    .attr("height", widthMarker)
    .attr("x", 228)
    .attr("y", 50)
    .on('mouseover', function() {
      d3.select(this)
        .transition()
        .ease("bounce")
        .duration(500)
        .attr("height", widthMarker + 50)
        .attr("y", 17);
    })
    .on('mouseout', function() {
      d3.select(this)
        .transition()
        .ease("bounce")
        .duration(500)
        .attr("height", widthMarker)
        .attr("y", 50);
    })
    var text = imgContainer.append("svg:text")
      .attr("dy", widthMarker/2)
      .text("hello world");

    text.attr("dx", (widthMarker - text.node().getComputedTextLength()) / 2)
      .attr("transform", "translate(228,53)");

---

您可以使用

指针事件：无

text.attr（“指针事件”，“无”）