带有 Sweet 警报库的警报键盘事件

Question

我正在uisng甜蜜提醒库

使用这个库，我发现了奇怪的行为；按键盘的空格键选择 'confirm' 处于警报状态。但是，在按下 'cancel' 后，'confirm' 在以后尝试使用空格键事件时不起作用。 （有警报，按空格键总是确认 option/message）

Answer 1

它之所以这样工作，是因为它会检查何时在设置焦点的位置打开弹出窗口，如果您先按 tab button，然后再按 space bar，它将执行取消操作。所以这里 Conform 按钮是主按钮，默认情况下它将成为焦点按钮。

还有一件事，它不仅 space 按钮 Enter 也做同样的事情，不同之处在于 space bar 它是一个 keyup 事件和Enter button 这是一个 keyPress 事件。

Answer 2

不支持原版sweet alert插件，建议使用SweetAlert2插件。

迁移很简单，这里是迁移指南：Migration from SweetAlert to SweetAlert2

---

每次用户打开弹出窗口时，SweetAlert2 都会聚焦确认按钮。

此外，您还可以使用 focusCancel 和 allowEnterKey 参数自定义该行为。