为什么箭头键不能与 Sweetalert2 一起使用？

Question

我使用 Sweetalert2 制作了一个警告框，但是箭头键不起作用。我希望能够使用箭头键在是和否之间进行选择。它使用他们的演示在网站上运行，但不适用于我的代码。这是片段：

    Swal.fire({
    width: '32rem',
  title: ' Incoming Call!',
  text: "Take it?",
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Yes',
  cancelButtonText: 'No'
}).then((result) => {
  if (result.isConfirmed) {
      
  }
})

<!DOCTYPE html>
<html>
 <head>
    <meta charset="utf-8">
    <!-- <meta name="viewport" content="width=1980, height=1080"> -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Title</title>
    
    <script
  src="https://code.jquery.com/jquery-3.6.0.min.js"
  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
  crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.0/dist/sweetalert2.all.min.js"></script>

已修复：将 CancelButton 更改为 DenyButton。由于某些奇怪的原因，它适用于“拒绝”按钮，但不适用于“取消”按钮。

Answer 1

这实际上是库中的一个错误，我在最新版本中修复了它：https://github.com/sweetalert2/sweetalert2/releases/tag/v11.4.2

请更新您的依赖项，箭头键将与“确认”和“取消”按钮一起正常工作。

为什么箭头键不能与 Sweetalert2 一起使用？

Why don't arrow keys work with Sweetalert2?

javascript

sweetalert

sweetalert2