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

【问题标题】：Polymer message box with default button带有默认按钮的聚合物消息框
【发布时间】：2018-01-23 08:09:26
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

<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

【讨论】：

@NicolasR 没问题 :)