Question

我有一个HTML文件，其中使用knockout css绑定生成<div>元素。

现在，问题是新/动态生成的DOM元素不属于键盘标签顺序。键盘选项卡将跳过此DOM并专注于下一个DOM。

如果我使用JavaScript focus（）手动设置焦点，则可以访问DOM（我可以浏览此DOM中的其他Div）。我还设置了tabindex =＆＃34; 0＆＃34;对于这个DOM。

但它并不属于键盘的逻辑排序。知道HTML有什么问题吗？

＆＃13;

<body class="container">
  <div data-bind="with: toolbarViewModel">
    <div class="toolbar">
      <div class="toolbar-group">
        <button class="toolbar-group-button toggle-button" id="toggle-query-mode" title="Toggle query builder" data-bind="event: { mousedown: onMouseDown, mouseover: onMouseOver, mouseout: onMouseOut, focus: onFocus, blur: onBlur, keydown: onKeyDown, keyup: onKeyUp }">
          <div data-bind="css: { 'toggle-checked': isQueryOpen }">
            <img class="toolbar_icon" src="../../../images/StorageExplorer/ASX_Query_grey_19x.png" data-bind="attr: { src: queryIconSrc }">
          </div>
          <span>Query</span>
        </button>
      </div>
    </div>

    <div class="query-panel" tabindex="0" data-bind="css: { 'transition-in': isQueryOpen }">
      <!--ko template: { if: isQueryOpen, name:'queryBuilderTemplate'}-->
      <!--/ko-->
    </div>
  </div>
  <!-- End of toolbar -->

  <script type="text/html" id="queryBuilderTemplate">
    <div class="query-builder" data-bind="with: queryViewModel">
      <div class="query-builder-toolbar">
        .....
      </div>
    </div>
  </script>

</body>

＆＃13;

HTML div元素不属于键盘标签顺序

0 个答案: