点击div外的Jquery自动提交

Question

当用户点击div时，自动提交表单的最简单方法是什么？ 只考虑div而不是表单元素。

<div id="formDiv">
<form id="search">
  <input id="target" type="text" value="Field 1" />
  <input type="text" value="Field 2" />
</form>
</div>

Answer 1

您可以向click添加document处理程序，<div>内未激活 ，如下所示：

$(document).click(function() {
  $("#search").submit();
});
$("#formDiv").click(function(e) {
  e.stopPropagation();
});

这样做，点击document会导致提交<form id="search">，但是从<div>内部我们阻止click事件到达（冒泡）最多）document通过event.stopPropagation()。

如果#search表单有时可能会被隐藏而你只想在显示它时启用它，没问题，只需向选择器添加:visible，如下所示：

$("#search:visible").submit();

Answer 2

$(#'formDiv').click(function(){
 return false;
});

$(document).click(function() {
  $("#search").submit();
});

Answer 3

在您的案例的父元素中写一个onclick方法，可能是body元素，并提交表单详细信息。