javascript - alert如何取消“肯定”按钮和右上角“×”
在JavaScript中,alert弹窗的肯定按钮和右上角的“×”按钮是没法取消的。这是由于alert是浏览器提供的原生弹窗,其行动不可更改。
如果你需要自定义弹窗,并且希望取消肯定按钮和右上角的“×”按钮,你可以斟酌使用其他弹窗插件还是自己实现一个自定义弹窗。
以下是一个使用SweetAlert2插件的例子,其中可以自定义弹窗的按钮和关闭行动:
首先,你需要在HTML页面中引入SweetAlert2的CSS和JS文件:
然后,你可使用SweetAlert2的弹窗函数来创建自定义的弹窗:
Swal.fire({
title: 'Custom Alert',
text: 'This is a custom alert!',
showCancelButton: false,
showCloseButton: false,
confirmButtonText: 'OK',
allowOutsideClick: false
}).then((result) => {
// 弹窗关闭后的回调函数
if (result.isConfirmed) {
// 用户点击了确认按钮
console.log('OK button clicked');
} else {
// 用户点击了取消按钮还是点击了弹窗外部
console.log('Cancel button clicked');
}
});
在上面的例子中,showCancelButton和showCloseButton选项都被设置为false,这样就取消了弹窗的取消按钮和关闭按钮。confirmButtonText选项可以用来自定义肯定按钮的文本。allowOutsideClick选项可以用来禁止用户点击弹窗外部关闭弹窗。
通过使用SweetAlert2或其他类似的弹窗插件,你可以更灵活地控制弹窗的行动,包括取消肯定按钮和右上角的“×”按钮。
TOP