javascript - 为什么 Shift+Click 在 Firefox 中为 D3 图像打开新选项卡而不是 HTML 图像

Question

我这里有一个代码示例:

http://jsfiddle.net/rxzyLsbg/

左侧的图像是用简单的 html 图像标签创建的:

<img src="http://static.guim.co.uk/sys-images/Guardian/Pix/pictures/2014/4/11/1397210130748/Spring-Lamb.-Image-shot-2-011.jpg" alt="Smiley face" width="42" height="42">

右边是用 d3 制作的:

<svg id="svg"  /> </svg>

d3.select("#svg").append("image")
    .attr("xlink:href", "http://static.guim.co.uk/sys-images/Guardian/Pix/pictures/2014/4/11/1397210130748/Spring-Lamb.-Image-shot-2-011.jpg")
    .attr("x", -12)
    .attr("y", -12)
    .attr("width", 50)
    .attr("height", 50)
    ;

在 Firefox 中打开此文件并按住 Shift 键单击图像时，HTML 标记不会在新选项卡中打开，但在 D3 中创建的标记会打开。

这有什么原因吗？

我问了另一个关于这个问题的问题，这里的代码应该有帮助，但对 D3 没有帮助:

jQuery(document).keydown(function(e){
  if(e.which === 16) {
      console.log('keydown');
      e.preventDefault();
    return;
  }
});

Answer 1

这是因为检查下面的第二个。它有 href 链接，因此它将出现在新选项卡中。

<image href="http://static.guim.co.uk/sys-images/Guardian/Pix/pictures/2014/4/11/1397210130748/Spring-Lamb.-Image-shot-2-011.jpg" x="-12" y="-12" width="50" height="50"/>

其中第一个图像包含图像的源(src)链接。

<img width="42" height="42" alt="Smiley face" src="http://static.guim.co.uk/sys-images/Guardian/Pix/pictures/2014/4/11/1397210130748/Spring-Lamb.-Image-shot-2-011.jpg">

因此它不会在新选项卡中打开。