javascript - 如何将 jQuery 事件准确地附加到某个 DOM 元素上

Question

我想将事件精确地附加到 DOM 结构中的某个元素上。比方说，我有这样的结构:

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

然后，我使用来自一些用户数据的选择器将事件附加到表单元素，其中之一如下所示:

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

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

怎样才能避免这样的执着呢？

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

Answer 1

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

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

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

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