JQuery的click,trigger触发a标签的click事件无效的问题分析

今天在做一个手机端webAPP链接下载的时候,给a标签一个下载链接,但是通过

<a id="downFile" download="" href="" style="display:none;"></a>
//方式一、使用Jquery触发点击事件不起作用,如下
$("#downFile").click();
$("#downFile").trigger("click");
//方式二、改用原生js解决了,如下
document.getElementById("downFile").click();

经过在网上查找资料发现

$("#downFile").trigger("click");并不能触发a标签中内容的点击事件,只是相当于触发了a本身的onclick,而不是像用户点击一样的事件。
如果想要触发click事件,得把trigger绑定到a标签的子元素sapn上面,如:
<a id="downFile" download="" href="" style="display:none;"><span>链接</span></a>
posted @ 2019-01-24 14:43  达摩院的BLOG  阅读(1089)  评论(0编辑  收藏  举报