javascript - 使用 jquery 的按钮的超链接下载属性

Question

我想使用 jquery 为按钮编写一个函数

<input type="submit" id="submit></input>

点击后将执行:

 <a download href="file.doc" ></a> 

<script>
  $("#submit").click(function(){
    //code here
  })
</script>

Answer 1

尝试替换 <input type="submit" id="submit" />对于 <input type="submit" id="submit></input> 。初始html失踪"在“提交”之后，input元素是自关闭的，不需要关闭</input> ;调用event.preventDefault() click内阻止父级的处理程序 form提交元素，调用 .click()上DOM元素a

$("#submit").click(function(e) {
    //code here
    e.preventDefault();
    document.querySelector("a[download]").click()
  })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="submit" id="submit" />
<a download href="data,123"></a>