如何将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将事件绑定到单个元素。

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

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

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