带有默认按钮的聚合物消息框

Question

使用 Polymer 2 和 paper-dialog 我已经为我的应用程序创建了消息框。对于只有一个确定按钮的常用信息框，我希望回车键触发与按钮相同的处理程序。知道如何实现吗？

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

Answer 1

您可以在 paper-dialog 本身上使用 keydown-处理程序，并让该处理程序触发按钮的 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

带有默认按钮的聚合物消息框

Polymer message box with default button

polymer

polymer-2.x