小编mst*_*ias的帖子

鉴于HTMLInputElement,HTMLSelectElement并且HTMLTextAreaElement都直接继承HTMLElement（而不是常见的东西，如 HTMLFormElement），我希望<label>能够聚焦非字段元素，例如<div>.

但是，下面的代码示例显示了<label>正确聚焦 a <textarea>，但需要 JS hack（在示例中使用 jQuery）来聚焦 contenteditable <div>。

是否有已发布的元素列表<label>？或者任何讨论 with contenteditable 用法的文档<div>？我是否遗漏了什么，也许不需要 JS 来关注 contenteditable <div>？

<div>
  <label for="textarea-id" style="font-weight:bold;">Label Text Area</label><br>
  <textarea id="textarea-id">
Editable text
  </textarea>
</div>

<div style="margin-top:20px">
  <label for="contenteditable-id" id="label-for-div-id" style="font-weight:bold;">Label Editable Div</label><br>
  <div id="contenteditable-id" contenteditable="true" style="border:solid 1px black">
    <p>
      <span>Edtiable text</span>
    </p>
  </div>
</div>
<script>
$(function() {
  $('#label-for-div-id').on('click', function() {
    $('#' + $(this).attr('for')).focus(); …