javascript - 表单提交前未触发单击事件

Question

我想在单击提交按钮时实现单击事件，但有时它会在表单提交之前触发，有时它不起作用并且表单会在单击事件之前提交。我如何每次都触发这个点击事件。
这是此点击事件的代码

jQuery(document).ready(function(){
  jQuery("#addbtn").click(function(){

  });
});

Answer 1

您可以使用 .trigger() 以编程方式触发 HTML 元素上的事件方法。下面，当 <form>提交后，提交按钮上会触发click事件。

$("form").on("submit", function(event) {

  event.preventDefault();
  $(event.target).find("button[type='submit']").trigger("click");

});

$("button").on("click", function(event) {

  console.log("Button clicked");

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>

<button type="submit">Submit</button>

</form>