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

【问题标题】：Prevent Firefox from opening svg images in a new tab on middle mouse click阻止 Firefox 在鼠标中键单击时在新选项卡中打开 svg 图像
【发布时间】：2013-12-20 01:59:18
【问题描述】：

我目前正在开发一个 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/

【问题讨论】：

标签： javascript events firefox svg raphael

【解决方案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/

【讨论】：