(Sweetalert2 Toast) 如何禁用 ENTER/SPACE、ESC 和单击框外？

【问题标题】：(Sweetalert2 Toast) How to disable ENTER/SPACE, ESC & click outside the box?(Sweetalert2 Toast) 如何禁用 ENTER/SPACE、ESC 和单击框外？
【发布时间】：2021-08-14 23:55:46
【问题描述】：

尝试了以下，它们似乎不兼容。

allowOutsideClick
allowEscapeKey
allowEnterKey

是否有一种解决方法可以防止在 Toast 弹出框外输入、ESC 和单击？所以用户必须等待弹出窗口关闭才能做任何事情。

【问题讨论】：

标签： javascript sweetalert2

【解决方案1】：

尝试捕获事件并使用 event.preventDefault () 禁用它

document.write("press a key")
document.addEventListener("keypress",(e)=>{
        if(e.keyCode==27 || e.keyCode==13){
          e.preventDefault()
          alert(" you can't press esc or enter")
        }
        else document.write("key press:"+e.keyCode)
        })
document.addEventListener("click",(e)=>{
if(e.path[0].className!=="myAlert"){
  e.preventDefault()
  alert("you can't press out")
  }
})

.myAlert{
     width: 100px;
     height: 100px;
     background: red;
     color: white;
     text-alin
}

<div class="myAlert">
  Click me
</div>

visit the documentation

【讨论】：