火狐a标签download无反应--button和a标签冲突问题

情景：在做项目的时候，下载模板链接a标签放到了button标签内，在谷歌浏览器可以，可是在火狐点击就是没反应，查看了下，在火狐中根本就没有触发a标签点击事件，查了下原因如下：

在火狐中，button内嵌套a标签，button 会覆盖标签，无法触发a标签的点击事件，所以无法下载，并不是火狐不支持a标签的download问题，在w3c上明确写明火狐是支持的。

解决方法：

方法一： 将外层button去掉，直接写a标签，通过css调整样式即可，方法简单粗暴，很实用。

方法二：在外层button添加点击事件，点击时手动触发a标签的点击事件。

方法三：去掉内层的a标签，在外层button添加点击事件，自定义download事件，如下：

function downLoad(file,name) {
        var a = document.createElement("a");
        a.href = file.src;
        a.download = name;
        a.click();
    }

最后建议 不要在button内嵌套a标签！！！