Question

我有一个包含10个输入字段的表单（下面未包含所有字段）。我正在尝试使用jQuery 0 SECTION 2 ENTITIES 0 POLYLINE 8 0 62 1 66 1 70 8 0 VERTEX 8 0 70 32 10 0 20 0 30 0 0 SEQEND 0 ENDSEC 0 EOF函数触发事件。例如，表单名称为：focusout

form_test

无论他们单击离开哪个输入框，执行聚焦事件后，我都想发生。

Answer 1

每次focusout被聚焦，然后移去焦点时，input事件将触发。下面的代码段代表了如何绑定到该事件。

$(function() {

  // Using the id
  $("#form_test input").on('focusout', function() {
    console.log("focusout event triggered using the id!");
  });

  // Using the name
  $("form[name='form_test'] input").on('focusout', function() {
    console.log("focusout event triggered using the name!");
  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form name="form_test" id="form_test">
  <input name="customer_id" id="customer_id" hidden>
  <input name="customer_name" id="customer_name" type="text" class="form-control" placeholder="Company Name">
</form>

Answer 2

通过ID定位我们的特定表单，并使用:input选择器：

$('#form_test').on('focusout', ':input', function() {
  console.log('OUT!')
});

<form id="form_test">
    <input name="customer_id" id="customer_id" hidden>
    <input name= "customer_name" id= "customer_name" type="text" class="form-control" placeholder="Company Name">
    <textarea name="msg">Works for textarea too</textarea>
    <select name="sel"><option>and here too</option></select>
</form>


<script src="//code.jquery.com/jquery-3.3.1.js"></script>

https://api.jquery.com/input-selector/
  选择所有输入，文本区域，选择和按钮元素。
   :input选择器基本上选择了所有表单控件。

集中注意表格中的所有元素

2 个答案: