(Sweetalert2 Toast) 如何禁用 ENTER/SPACE、ESC 和单击框外?
(Sweetalert2 Toast) How to disable ENTER/SPACE, ESC & click outside the box?
尝试了以下方法,它们似乎不兼容。
- 允许外部点击
- allowEscapeKey
- allowEnterKey
是否有解决方法可以防止 Enter、ESC 和在 Toast 弹出框外单击?所以用户必须等待弹出窗口关闭才能做任何事情。
尝试捕获事件并使用 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>
尝试了以下方法,它们似乎不兼容。
- 允许外部点击
- allowEscapeKey
- allowEnterKey
是否有解决方法可以防止 Enter、ESC 和在 Toast 弹出框外单击?所以用户必须等待弹出窗口关闭才能做任何事情。
尝试捕获事件并使用 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>