html - 单击标签禁用输入焦点

Question

我有一些开发人员预先编写的代码，我必须对其进行修改，在该代码中，使用文本框创建的指令在标签内使用，我在该指令中添加了另一个自定义指令。所以最终呈现的 HTML 看起来像。

<label class="myClass">
  <div><input type="text" ng-model="someModel"></div>
  <my-custom-tag>
    <div class="customDropdown">
      dropdownBox
    </div>
  </my-custom-tag>
</label>

由于此 div.customDropdown 位于标签内，因此每当我点击下拉菜单时，该点击也会转到文本框。

所以我的问题是，有什么方法可以禁用聚焦输入元素的标签功能吗？

Answer 1

您可以使用 jQuery 阻止标签点击事件的默认操作。

$('label.myClass').click(function(e) { 
    e.preventDefault();
});​