为什么Save Chart功能在浏览器中的工作方式如此不同？

Question

我使用以下功能允许用户保存图像。 （他们可能想要保存的图表的一半是隐藏的图像，所以他们无法右键点击它们。它们显示为SVG。）我还想为那些不知道的人提供下载图像选项关于右键点击图片。

这一切都在我的文本编辑器中完美运行。铬。我点击了附加了saveChart功能的按钮并下载了文件。在Safari中，在URL处打开一个新选项卡 - 不是我想要的行为，但可以理解。我无法在IE上测试。但在Firefox上根本没有任何事情发生。就好像我没有按下按钮一样。

JS已启用并可用于其他按钮/功能。

function saveChart(obj) {

    var tempStr = obj.parentNode.id;
    var newID = Number(tempStr.substr(6,tempStr.length-6));

    var a  = document.createElement('a');
    a.href = 'charts/chart'+newID+'.png';
    a.download = 'image.png';

    a.click();
}

是否由用户安全设置引起了差异，如果是这样，它们是什么？有没有办法保护跨浏览器的相同（下载）行为？

由于

艾玛