Html 用TAB键选择聚合物2纸张下拉菜单中的项目

我在Polymer 2中有一个纸张下拉菜单，与此类似：

<paper-dropdown-menu label="Dinosaurs">
  <paper-listbox class="dropdown-content" selected="1">
    <paper-item>allosaurus</paper-item>
    <paper-item>brontosaurus</paper-item>
    <paper-item>carcharodontosaurus</paper-item>
    <paper-item>diplodocus</paper-item>
  </paper-listbox>
</paper-dropdown-menu>

异龙
雷龙
轮齿龙
双焦点

---

我可以通过按键盘上的ENTER键来选择纸质列表框中的一项。是否有方法通过按Tab键选择纸张项目

您可以通过添加键绑定到

。指定的处理程序必须是

的方法，因此必须附加自己的方法

<paper-listbox id="listbox></paper-listbox>

// script
connectedCallback() {
  super.connectedCallback();

  // Attach our own handler for TAB-key
  this.$.listbox._onListTabKey = e => {

    // Cancel TAB key event
    e.preventDefault();
    e.stopPropagation();
    e.detail.keyboardEvent.preventDefault();

    // Select currently focused item
    const focusedIndex = this.$.listbox.indexOf(this.$.listbox.focusedItem);
    this.$.listbox.select(focusedIndex);
  };

  this.$.listbox.addOwnKeyBinding('tab', '_onListTabKey');
}

---

您可以通过向
添加密钥绑定。指定的处理程序必须是
的方法，因此必须附加自己的方法

<paper-listbox id="listbox></paper-listbox>

// script
connectedCallback() {
  super.connectedCallback();

  // Attach our own handler for TAB-key
  this.$.listbox._onListTabKey = e => {

    // Cancel TAB key event
    e.preventDefault();
    e.stopPropagation();
    e.detail.keyboardEvent.preventDefault();

    // Select currently focused item
    const focusedIndex = this.$.listbox.indexOf(this.$.listbox.focusedItem);
    this.$.listbox.select(focusedIndex);
  };

  this.$.listbox.addOwnKeyBinding('tab', '_onListTabKey');
}

谢谢你，托尼，这正是我要找的。：）@托比亚布没问题：）谢谢你，托尼，这正是我要找的。：）@TobiasB没问题：）