防止Firefox在鼠标中键单击时在新选项卡中打开svg图像

Question

我目前正在开发一个JavaScript项目，在其中我使用Paper.image函数将svg图像放在RaphaelJS svg画布上（请参阅此处： http ://raphaeljs.com/reference.html#Paper.image）。 对于某些操作，用户必须单击鼠标中键。 但是，当用户单击（使用鼠标中键）包含的svg图像时，Firefox将在新选项卡中打开该图像。 （Chrome不会这样做）由于我想拒绝此行为，因此我尝试致电

function(e) {e.preventDefault();}

作为onclick事件，但这不会改变Firefox的行为。

http://jsfiddle.net/M7K2q/

Answer 1

实际上，您可以通过单击中键打开图像的功能被认为是Firefox的“功能”。

但！ 您可以将图像显示为其他元素（例如矩形）的背景，并获得相同的效果。

 var paper = Raphael("canvas", 400, 400);
 paper.rect(0, 0, 114, 40.6).attr({
    fill: "url(https://www.google.com/logos/2011/twain11-sr.png)"
 }).attr({ stroke: '' });

http://jsfiddle.net/saxxi/9BcDd/1/