javascript - 如何在某些 DOM 元素上准确附加 jQuery 事件

Question

我想将事件准确地附加在 DOM 结构中的某个元素上。比方说，我有这个结构：

<form>
  <input id="in1">
  <div>
    <input id="in2">
    <input id="in3">
  </div>
</form>

然后我使用来自一些用户数据的选择器将事件附加到表单元素，其中之一是这样的：

$(form).on('focusout', 'div', function() { ... });

因此，此处理程序附加到“div”元素中的所有输入。

我怎样才能避免这种依恋？

有没有可能检查确切的元素是否有能力处理某些事件？

Answer 1

您可以使用 id 将事件绑定到单个元素。

$('#in2').on('focusout',  function() { ... });

您可以通过使用逗号分隔的 id 将事件绑定到多个元素。

$('#in2,#in3').on('focusout',  function() { ... });