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

Question

我想将事件完全附加到DOM结构中的某个元素上。让我们说，我有这样的结构：

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

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

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

因此，此处理程序附加到＆＃39; div＆＃39;内的所有输入。元件。

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

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

Answer 1

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

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

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

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