jQuery，怪异的焦点行为

Question

这是问题所在。 我的页面中有多个标签表单。 他们应该是独立的，但是有一种奇怪的行为。 如果我以第一种形式书写或执行任何其他操作，然后在第二种形式的标签上按“ X”，则不会注意到我正在使用其他形式。 我试图更好地解释一下：如果我在处理表单时按X，

$(this).attr('id') 

返回正确的ID。 如果我在其他表单上工作时按X，则相同的代码将返回错误的ID。 显然，它返回我正在处理的表单的ID。

我认为问题与某些奇怪的聚焦条件有关（键盘在窗体上，而鼠标指针在另一窗体上单击）。 我应该如何解决呢？

编辑：表单的html

 <form>

<input id="tagbox_infodisc_discussion_65" class="tag_field" object_type="infodisc_discussion" object_id="65" owner="Infodisc" owner_id="1" cancreatetag="1" canaddtag="1" canremovetag="1" value="['hi mom','efaefea']" $type="text" style="display: none; "><div id="tagbox_infodisc_discussion_65_tagsinput" class="tagsinput"><span class="tag"><span>hi mom&nbsp;&nbsp;</span><a href="#" title="Removing tag">x</a></span><span class="tag"><span>efaefea&nbsp;&nbsp;</span><a href="#" title="Removing tag">x</a></span><div id="tagbox_infodisc_discussion_65_addTag"><input id="tagbox_infodisc_discussion_65_tag" value="" data-default="" style="color: rgb(0, 0, 0); " class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"></div><div class="tags_clear"></div></div>

</form>

Answer 1

尝试这个：

$('input').live('click', function(){
  console.log($(this).prop('id'));
});