带有默认按钮

Question

使用Polymer 2和paper-dialog我为我的应用程序创建了消息框。对于只有OK按钮的常用信息框，我希望输入键触发与按钮相同的处理程序。知道怎么做到这一点吗？

请注意，我还实现了一个InputBox，在那里我使用了单个input元素的on-keydown事件。但是对于信息框，没有文本输入元素 - 只有静态文本和OK按钮。

Answer 1

您可以在keydown本身上使用paper-dialog - 处理程序，并让该处理程序触发按钮的click - 处理程序：

<paper-dialog on-keydown="_onDialogKeyDown">
  <button id="myButton" on-click="_submit">OK</button>
</paper-dialog>

// in Polymer element
_onDialogKeyDown(e) {
  if (e.keyCode === 13) {
    this.$.myButton.click();
  }
}

demo