Question

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

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

  });
});

Answer 1

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

$("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>

Answer 2

您可以使用触发器方法从另一个事件中触发事件

("button").on("click",()=>{
  alert("button clicked")
  if($("form").trigger("submit")){
    alert("form submited")
  }
})

<form>
  <input type="text"/>
  <button type="submit">Submit</button>
</form>

这是代码笔，所以你可以测试

https://codepen.io/anon/pen/WzoJJy

在表单提交之前单击事件未触发

2 个答案: