谷歌火狐浏览器同时可用的a标签点击事件触发方案

最近在写一个需求,点击下载按钮触发下载事件,并自动下载事先准备好的wav文件。
于是我大笔一挥,写出了下面的代码:

let downloadDOM = document.createElement('a')
downloadDOM.download = 'test.wav'
downloadDOM.href = './a.wav'
downloadDOM.click()

惊喜的是,谷歌浏览器一次OK,实现了下载。
无语的是,火狐浏览器点击执行没有反应。

在翻阅资料后,把代码修改如下:

let downloadDOM = document.createElement('a')
downloadDOM.download = 'test.wav';
downloadDOM.href = './a.wav'
var evt = document.createEvent("MouseEvents");
evt.initEvent("click",true,true);
downloadDOM.dispatchEvent(evt);

完美兼容了火狐浏览器和谷歌浏览器。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 大家都知道一句俗话,老虎也有打盹的时候,你可听闻过神也有做梦的时候吗? 据说在神创造天地的日子,按意造日月星辰,花...
    从心书写人生阅读 3,738评论 5 2
  • 人老,是件很可怕的事情。之前奶奶对我这样说。 现在,母亲也这样对我说。 人老,真的是件很可怕的事情。 小时候,父亲...
    几许c阅读 3,077评论 11 8
  • 你和别人不一样, 你是见过爱情的人。 你的每一天都是完美的。 愿你能勇敢转身, 不再与不值得的相拥; 愿你投向的怀...
    Jasminecc阅读 1,598评论 0 0

友情链接更多精彩内容