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>