1

DOM構造の特定の要素にイベントを正確に添付したい。私はこの構造を持っているとしましょう：

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

次に、一部のユーザー データから取得したセレクターを使用してフォーム要素にイベントをアタッチします。そのうちの 1 つが次のようなものです。

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

その結果、このハンドラーは 'div' 要素内のすべての入力にアタッチされます。

どうすればそのような執着を避けることができますか?

正確な要素が何らかのイベントを処理できるかどうかを確認する可能性はありますか?

4

1 に答える 1

1

id を使用して、イベントを個々の要素にバインドできます。

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

コンマで区切られた ID を持つことで、イベントを複数の要素にバインドできます。

$('#in2,#in3').on('focusout',  function() { ... });
于 2013-10-06T10:43:09.253 に答える